Ionic Tab隐藏后退按钮

时间:2017-01-05 01:26:16

标签: html ionic-framework

我有一个离子标签,我想隐藏一个我的标签的后退按钮。可能吗? 整个标签怎么样,而不是我的页面的其余部分? 如果你查看我添加的代码" hide-back-button =" true"当我想禁用它但显然这不起作用。

我想做这样的事情。

<ion-tabs menu-close class="tabs-positive tabs-icon-top margin">

<ion-tab title="Top Picks" icon="ion-m-food" href="#/app/foodlist">   
</ion-tab>
<ion-tab title="Locations" icon="ion-m-map" href="#/app/map-view">  
</ion-tab>
<ion-tab title="Vendors" icon="ion-ion-chef" href="#/app/explore"  hide-back-button="true">   
</ion-tab>    
</ion-tabs>

3 个答案:

答案 0 :(得分:2)

# / App / explore模板html

离。 explore.html

添加:

    <ion-nav-bar>
        <ion-nav-buttons side="left">
        </ion-nav-buttons>
    </ion-nav-bar>
像这样:

<ion-view>
    <ion-nav-bar>
        <ion-nav-buttons side="left">
        </ion-nav-buttons>
    </ion-nav-bar>
    <ion-content>
    ...
    </ion-content>
</ion-view>

并保持index.html像这样:

<ion-nav-view>

<!-- keep empty -->

</ion-nav-view>

答案 1 :(得分:2)

您应该在hide-back-button ion-viewion-tab true作为<ion-view hide-back-button=true>

{{1}}

查看代码集上的this示例。

答案 2 :(得分:0)

我有一个包含3页+侧边菜单的标签。 所以你的建议有所帮助,最终解决方案就是这样。

menu.html

<ion-nav-bar class="bar-stable">
        <ion-nav-buttons side="left">
        <button class="button button-icon button-clear ion-ios-person-outline" menu-toggle="left">
        </button>
    </ion-nav-buttons>
</ion-nav-bar>

对于标签中的每个页面。我添加了

<ion-view hide-back-button=true>
...
<ion-nav-buttons side="left"> 
  <button menu-toggle="left" class="button button-icon icon ion-ios-person-outline">
  </button> 
</ion-nav-buttons>
...
<ion-tabs menu-close class="tabs-positive tabs-icon-top margin">
<ion-tab title="Top Picks" icon="ion-m-food" href="#/app/foodlist">   
</ion-tab>
<ion-tab title="Locations" icon="ion-m-map" href="#/app/map-view">  
</ion-tab>
<ion-tab title="Vendors" icon="ion-ion-chef" href="#/app/explore"  hide-back-button="true">   
</ion-tab>    
</ion-tabs>
相关问题