ionic 隐藏tabs下导航栏

两步

1.在导航栏页 tabs.html里添加一句话

<ion-tabs class="tabs-icon-top tabs-color-active-positive" ng-class="{'tabs-item-hide': $root.hideTabs}">
    <ion-tab title="首页" icon-off="ion-ios-home-outline" icon-on="ion-ios-home" href="#/tab/shopIndex">
    <ion-nav-view name="tab-shopIndex"></ion-nav-view>
    </ion-tab>

    <ion-tab title="分类" icon-off="ion-ios-list-outline" icon-on="ion-ios-list" href="#/tab/fenlei">
    <ion-nav-view name="tab-fenlei"></ion-nav-view>
    </ion-tab>

    <ion-tab title="购物车" icon-off="ion-ios-cart-outline" icon-on="ion-ios-cart" href="#/tab/gouwuche">
    <ion-nav-view name="gouwuche"></ion-nav-view>
    </ion-tab>

    <ion-tab title="我的" icon-off="ion-ios-person-outline" icon-on="ion-ios-person" href="#/tab/personCenter">
    <ion-nav-view name="person-center" ></ion-nav-view>
    </ion-tab>
</ion-tabs>

2.在需要隐藏的页面对应的控制器中

$rootScope.hideTabs = true; //隐藏下边导航栏

$rootScope.hideTabs = false; //展示下边导航栏

注：记得注入服务

angular.module('personCenter', ["ionic"])
  .controller("personCenterCtl",function($rootScope){