Ionic 3:如何通过按钮在视图之间导航并保留侧边菜单?

时间:2018-02-07 16:02:40

标签: javascript angularjs ionic3

我使用Ionic CLI(侧面菜单)创建了一个演示应用,并设置了2个视图(A和B)。如果我通过侧面菜单从视图A导航到视图B,则在两个视图中都可以看到汉堡菜单 - 完美。

然而,我面临的问题是当我从视图A导航到通过按钮浏览B时,汉堡菜单从视图B中消失。

我的按钮代码是:

<button [navPush]="viewB" ion-button block>View B</button>

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

以这种方式使用setRoot不起作用:

<button [setRoot]="viewB" ion-button block>View B</button>

所以我设置了一个点击功能:

<button (click)="goToNextPage()" ion-button block clear>Login</button>

在我的视图中,控制器添加了:

  goToNextPage() {
    this.navCtrl.setRoot(LoginPage);
  }

navPush将下一个视图添加到堆栈顶部,而setRoot清除堆栈并重置根视图。