离子标签隐藏后退按钮

Question

我有一个离子标签，想隐藏一个标签的后退按钮。可能吗？ 整个标签而不是我的页面的其余部分怎么样？ 如果您查看我在想禁用它时添加“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>

Answer 1

在你的# / App / exploretemplate 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>

Answer 2

您应该在您的ion-view 中将hide-back-button 设置为ion-tab 为true。

<ion-view hide-back-button=true>

在 codepen 上查看 this 示例。

Answer 3

我有一个包含 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>