4
respostas

SideMenu não aparece

Enfim, atualmente estava programando depois que assisti os cursos, e me deparei com algumas coisa que estava estranho comparado ao curso que vi. Uma delas seria que o sidemenu se eu usasse dessa maneira as minhas view não precisaria colocar elas por no route.js já faria esse papel pelo que entendi, porém quando eu rodo o projeto o sidemenu não funciona. Eu tenho que colocar esse trecho abaixo para meu menu lateral funciona, queria saber realmente se isso tá certo, ou existe algum erro possível.

<ion-view view-title='Meus Pepinos'>    
    <ion-nav-bar class="bar-balanced">
      <ion-nav-buttons side="left">
         <button class="button button-icon button-clear ion-navicon" menu-toggle="center"></button>
      </ion-nav-buttons>
    </ion-nav-bar>
    <ion-content>
          <ion-list>

        </ion-list>
  </ion-content>
</ion-view>

Como que está meu menu.html

<ion-side-menus>
    <ion-side-menu-content>
        <ion-nav-bar class="bar bar-header bar-balanced">
            <ion-nav-back-button>Voltar
            </ion-nav-back-button>
            <ion-nav-buttons side="left">
                <button class="button button-icon button-clear ion-navicon" menu-toggle="center"></button>
            </ion-nav-buttons>
        </ion-nav-bar>
        <ion-nav-view name="menuContent"></ion-nav-view>
    </ion-side-menu-content>

    <ion-side-menu side="left">
        <ion-header-bar class="bar bar-header bar-balanced">
            <h1 class="title">Menu</h1>
        </ion-header-bar>
        <ion-content>
            <div class="list card">
                <div class="item item-avatar">
                    <h2> {{usuarioLogado.nome}} </h2>
                    <h3> {{usuarioLogado.email}} </h3>
                </div>
                <div class="item item-body"></div>
            </div>
            <ion-list>
                <ion-item menu-close href="#/app/perfil">
                    Perfil
                </ion-item>
                <ion-item menu-close href="#/app/meuspepinos">
                    Meu pepinos
                </ion-item>
                <ion-item menu-close href="#/app/todospepinos">
                    Todos Pepinos
                </ion-item>
            </ion-list>
        </ion-content>
    </ion-side-menu>

</ion-side-menus>
4 respostas

Detalhe se eu coloco apenas na listagem ele o resto funciona normal.

Oi Yuri.

Desculpe, mas eu não entendi sua pergunta. Qual parte do código vc ficou com duvida ?

Na hora de fazer o side menu, pelo menos em uma das telas da view , eu tenho que colocar esse trecho para sidemenu funcionar

<ion-nav-bar class="bar-balanced">
      <ion-nav-buttons side="left">
         <button class="button button-icon button-clear ion-navicon" menu-toggle="center"></button>
      </ion-nav-buttons>
    </ion-nav-bar>

E queria saber se está certo isso, ou tem algum problema, porque baixei projeto final e vi que não tinha isso dentro do projeto AluraCar.

Esse conteúdo deve ser inserido no arquivo onde cria o menu. Ele fala como deve ser o menu e seu conteudo.

Deve ser inserido onde vc deseja criar o menu.