ionic-angular路由，去掉特定页面的ion-nav-bar

最新推荐文章于 2019-07-21 16:21:40 发布

原创最新推荐文章于 2019-07-21 16:21:40 发布 · 727 阅读

0 ·

CC 4.0 BY-SA版权

ionic 专栏收录该内容

1 篇文章

订阅专栏

本文档介绍了如何在Ionic-Angular应用中针对特定页面移除ion-nav-bar。通过修改index.html文件和tab-home文件的配置，可以实现导航栏在指定页面的隐藏，从而提供更定制化的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

index.html文件中

<body ng-app="test">

  <ion-nav-bar class="bar-stable">   此处bar-stable顶部导航栏固定，默认每个页面都会有title
    <ion-nav-back-button>
    </ion-nav-back-button>
  </ion-nav-bar>

  <ion-nav-view></ion-nav-view>
</body>

tab-home文件

<ion-view class="has-tabs" hide-nav-bar="true">   现有需求，首页的顶部没有导航栏title。如何去掉？
  <ion-content>
  </ion-content>
</ion-view>


1.在ion-view上加个属性  hide-nav-bar="true"
注：不管用的再设置一个样式style="z-index:999"

2.$ionicNavBarDelegate.showBar(false);