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

发布时间：2020-12-17 17:21:32 所属栏目：安全来源：网络整理

导读：如何在Ionic 2中隐藏带有标签的导航栏？我只想将其隐藏在其中一个页面中,而不包括其他页面. ion-navbar *navbar ion-titleItem Details/ion-title/ion-navbar 我试过hide-nav-bar =“true”但它不起作用. 解决方法从标签页中您可以执行以下操作： this.nav

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

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

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

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

解决方法

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

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

之前：

导航 – >标签 – > SomePage的

后：

导航 – > LoginPage

Nav is the root of all nav stacks in Ionic 2

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!