标签: ion-navbar

离子3导航菜单不显示

我对在不同情况下没有出现的侧面菜单有点超级烦恼和困惑.

我的应用流程和要求是:最初有一个包含3个选项卡且没有侧边菜单的登录页面.在第一个选项卡上有产品,您可以将它们添加到购物车.一旦你将它们添加到购物车,你可以点击购物车结帐.此时,如果用户尚未登录,则会显示模型弹出窗口,并显示登录facebook选项.在成功登录时,订单摘要页面会显示添加到购物车的商品.用户现在已登录,因此应显示侧边菜单.

然而,正在发生的是菜单图标显示但点击没有任何反应.控制台等没有错误

我已经验证,如果我没有检查用户登录状态,那么在登录页面上菜单显示就好了.

相关代码: app.html

<ion-menu [content]="content" type="overlay" style="opacity:0.95">
        <ion-header>
          <ion-toolbar>
            <ion-title>
            Menu
            </ion-title>
          </ion-toolbar>
        </ion-header>
        <ion-content style="background-color: #F5F5F6">
          <ion-grid no-padding>
              <ion-row style="padding-top:20px">
                  <ion-col text-center>
                      <button ion-button round (click)="doLogout()">Sign Out</button>
                  </ion-col>
              </ion-row>
          </ion-grid>
        </ion-content>
      </ion-menu>

<ion-nav [root]="rootPage" #content></ion-nav>
Run Code Online (Sandbox Code Playgroud)

app.component.ts

@Component({
  templateUrl: 'app.html'
})
export class MyApp {
  @ViewChild(Nav) nav: Nav;

  rootPage:any = TabsPage;
}
Run Code Online (Sandbox Code Playgroud)

home.html(第一个标签)

ion-header>
  <ion-navbar>
      <button *ngIf="core.user.loggedIn == true" ion-button menuToggle icon-only style="display: block !important;">
          <ion-icon name='menu'></ion-icon>
        </button>
    <ion-title>Cakes</ion-title>
    <ion-buttons end>
        <button *ngIf="getCartCount() > 0" ion-button (click)="openCart()"><ion-icon …
Run Code Online (Sandbox Code Playgroud)

navigation-drawer ionic-framework ionic3 angular ion-navbar

6
推荐指数
2
解决办法
2186
查看次数