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

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

Problem: 当它转到 Dashboard.html 时，它会在左上角显示后退箭头，而不是菜单图标 . I want it to show menu icon here and not the back arrow

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

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

       }

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

enter image description here

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

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

2 回答

当您使用 push 导航时，它是Ionic的默认值

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

例：

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

 this.navCtrl.setRoot("PageTwo")
}

在“PageTwo”html中，您还需要在 Headers 上添加切换按钮

<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>

回复于 2024-04-29T10:36:19+08:00

1
好像你想将 DashboardPage 设置为根页面，所以使用 setRoot 代替 push 方法：
```
if(data[0].USR == 1) {
  this.navCtrl.setRoot(DashboardPage);
}
```
回复于 2024-04-29T10:36:19+08:00

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

2 回答

相关问题