Question

我正在使用离子应用程序，并且在离子应用程序中使用了导航栏。当我移至其他页面时，它代替菜单按钮，而是显示后退按钮。我不想显示后退按钮，我一直想在导航栏中显示菜单按钮。

这是 page1.html ：

<ion-header>
  <ion-navbar hideBackButton="true">
    <button ion-button menuToggle start>
      <ion-icon name="menu"></ion-icon>
    </button>
  </ion-navbar>
</ion-header>

它只是隐藏后退按钮，而不显示菜单按钮。我想显示菜单按钮代替后退按钮。

这是 page1.html ：另一种尝试。

<ion-header>
  <ion-navbar swipeBackEnabled="false">
    <button ion-button menuToggle start>
      <ion-icon name="menu"></ion-icon>
    </button>
  </ion-navbar>
</ion-header>

这不起作用。在这种情况下，它正在显示后退按钮。

这是 page1.ts ：

 ionViewWillEnter() {
  // Reset the content nav to have just this page
  // we wouldn't want the back button to show in this scenario
  this.navCtrl.setRoot(MerchandisePage);
 }

因此，我决定将页面设为根页面，但该页面正在不断加载。这不起作用。

这是我的 page.html ：

<button (click)="merchandisepage2()" class="mybtn22" ion-button round>View All</button>

在此页面中，我具有将推至另一页面的按钮。

这是我的 page.ts ：

 movetopage1()
{
    this.navCtrl.push(Page1);
}

我不想显示后退按钮，它应该始终在导航栏中显示菜单按钮。非常感谢您的帮助。

Answer 1

当您在导航栏中有一个自定义按钮并且页面不是root时，ionic就会出现问题。

您可以在此处找到快速修复方法。

Ionic 3: Menutoggle keeps getting hidden

Answer 2

解决方案是，将页面设置为根页面。

page.ts ：

movetopage1()
{
    this.navCtrl.setRoot(Page1);
}

这是 Ionic侧边栏主题中提供的方法。

这是 Ionic侧边栏主题中的一个：

 openPage(page) {
    // Reset the content nav to have just this page
    // we wouldn't want the back button to show in this scenario
    this.nav.setRoot(page.component);
  }

在Ionic中无法显示菜单按钮代替后退按钮

2 个答案: