如何在第1页到第2页的导航栏上显示菜单图标而不是后退箭头 - IONIC

Question

当我打开我的应用时，显示的第一页是Login.html，在填写表单后，它会导航到dashboard.html

问题：当它转到Dashboard.html时，它会在左上角显示后退箭头，而不是菜单图标。 我希望它在此处显示菜单图标而不是后退箭头

这是我在login.ts中用于导航的代码：

if(data[0].USR==1)
       {
         this.navCtrl.push(DashboardPage);

       }

dashboard.html的图片，请注意左侧的箭头

我必须点击此箭头＆gt;返回登录＆gt;然后从菜单图标，我打开菜单并选择仪表板页面，然后我在仪表板上看到菜单图标..为什么会这样？

我还创建了一个视频，分享了它的YouTube链接 - http://youtu.be/1eA5KXJkSDE?hd=1

Answer 1

使用push

导航时，它是默认的Ionic

如果您想显示菜单切换图标，则应使用setRoot

示例：

onClickNavigate() {
  console.log("onNavigate");

 this.navCtrl.setRoot("PageTwo")
}

in＆＃34; PageTwo＆＃34; html，你还需要在标题上添加切换按钮

<ion-header>
    <ion-navbar>
        <button ion-button menuToggle>
          <ion-icon name="menu"></ion-icon>
        </button>
        <ion-title>page-two</ion-title>
    </ion-navbar>
</ion-header>

Answer 2

好像你想将DashboardPage设置为一个根页，所以不要使用push方法，而是使用setRoot：

if(data[0].USR == 1) {
  this.navCtrl.setRoot(DashboardPage);
}