您现在的位置:首页 >> 前端 >> 内容

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

时间:2017/3/27 9:55:00 点击:

  核心提示:ionic-angular路由,去掉特定页面的ion-nav-barindex.html文件中strongbody /strongstrongng-app=/strongstrongtest/stro...

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

index.html文件中

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

tab-home文件

<<strong>ion-view </strong><strong>class=</strong><strong>"has-tabs" </strong><strong>hide-nav-bar=</strong><strong>"true"</strong>>   现有需求,首页的顶部没有导航栏title。如何去掉?
  <<strong>ion-content</strong>>
<pre class="brush:sql;">  </<strong>ion-content</strong>>
</<strong>ion-view</strong>></pre><pre class="brush:sql;"></pre><pre class="brush:sql;"></pre><pre class="brush:sql;">1.在ion-view上加个属性  hide-nav-bar="true"</pre><pre class="brush:sql;">注:不管用的再设置一个样式style="z-index:999"</pre><pre class="brush:sql;"></pre><pre class="brush:sql;">2.$ionicNavBarDelegate.showBar(false);</pre>

 

Tags:IO ON NI IC 
作者:网络 来源:Potina的博客