在离子2中显示菜单栏

Question

在离子2中，我想隐藏后面的按钮，需要显示菜单栏。因此，我编写了以下代码：

<ion-navbar hideBackButton="true">
  <button ion-button menuToggle>
    <ion-icon name="menu"></ion-icon>
  </button>
  <ion-title><b>Board</b> Bullets</ion-title>
  <button class="pull-right" ion-button clear>
    <i class="icon dripicons-dots-3 r_90 submenu"></i>
  </button>
</ion-navbar>

但是，发生的是它隐藏了后面按钮和菜单栏。谁能告诉我如何仅隐藏返回按钮？

Answer 1

我认为您应该阅读离子2的导航文档。这是一个很好的开始。

基本上，当您使用this.navCtrl.push(Page)时，将Page推到导航堆栈。使用this.navCtrl.setRoot(Page)时，Page设置为导航堆栈的根。

如果您不希望进入后页（甚至从硬件返回按钮），则可以使用this.navCtrl.setRoot(Page)将页面设置为根。在这里，您将拥有菜单按钮而不是后退按钮。

Answer 2

您需要知道的所有Ionic 2如何导航以调试错误。注意：

如果您有一个根页A，并且可以通过推入B页面进行导航，则在页面B中，您将有一个返回按钮。在B中，如果您使用POP导航，则在第A页中具有菜单按钮。

但是，如果您在第A页上并使用SetRoot到B页，则在B页中，您将再次获得菜单按钮。

和其他事情要牢记离子导航就像藏匿视图一样。

因此，只有在堆栈中有一些要导航的视图，如果没有视图，则会出现返回按钮，这意味着是root视图，菜单按钮将出现。

如果您需要隐藏backutton，请记住这一点并重组导航，也许可以帮助您，并且不必添加额外的逻辑，只需导航。