angular - 如何在 Ionic 2 中隐藏带标签的导航栏?

标签 angular ionic2 tabs ionic3 navbar

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

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

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

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

最佳答案

从标签页你可以做:

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

之前:

Nav -> Tabs -> somepage

之后:

导航 -> 登录页面

Nav is the root of all nav stacks in Ionic 2

此外,模式适用于您希望在新 View 中显示列表项的详细信息而无需导航选项卡或导航栏占用宝贵屏幕空间的情况。

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

关于angular - 如何在 Ionic 2 中隐藏带标签的导航栏?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34963381/

相关文章:

angular - Typescript 指令错误 : "Breakpoints set but not yet bound" in VS2017

angular - 尖括号 [] () {} 它们绑定(bind)什么以及何时使用哪个

angular - 属性在类型上不存在

cordova - 如何在 Capacitor 的应用内浏览器中打开所有链接?

Angular Material 选项卡将图像添加到按钮

javascript - css 从一个选项卡应用到另一个选项卡

Angular 。使用 APP_INITIALIZER 时路由器 DI 不工作

angular - 在 Angular 指令上指定主体元素类型

javascript - 如何使用 angular2 更新编辑后的切换

typescript - 我如何有条件地隐藏和显示选项卡 - Ionic 2?