如何在Ionic 2中隐藏带有标签的导航栏？

Question

如何在Ionic 2中隐藏带有标签的导航栏？

我只想将其隐藏在其中一个页面中,不包括其他页面.

<ion-navbar *navbar   >
  <ion-title>Item Details</ion-title>
</ion-navbar>

我试过hide-nav-bar="true"但它不起作用.

Answer 1

从标签页中您可以执行以下操作:

this.nav.parent.parent.setRoot(LoginPage);

之前:

导航 - >标签 - > somepage

后:

导航 - > LoginPage

Nav是Ionic 2中所有导航堆栈的根

此外,模式适用于您希望在新视图中显示列表项的详细信息但没有导航选项卡或导航栏占用宝贵屏幕空间的情况.

目前我认为除了使用CSS之外,还有一种方法可以在选项卡页面的子视图上隐藏选项卡.如果您决定使用CSS选项,那么我建议使用Angular的ngClass属性https://angular.io/docs/ts/latest/api/common/index/NgClass-directive.html设置一个类而不是隐藏导航标签或导航栏.