<ion-tabs class="tabs-icon-top tabs-color-active-positive" ng-class="{'tabs-item-hide': $root.hideTabs}">

    <ion-tab title="首頁(yè)" icon-off="ion-home" icon-on="ion-home" href="#/tab/dash">
        <ion-nav-view name="dash"></ion-nav-view>
    </ion-tab>
    <ion-tab title="我的" icon-off="ion-person" icon-on="ion-person" href="#/tab/account">
        <ion-nav-view name="account"></ion-nav-view>
    </ion-tab>

</ion-tabs>

html中的重點(diǎn)是ng-class屬性，指定$rootScope.hideTabs為true時(shí)隱藏Tabs.

.run(function ($rootScope) {
    // 頁(yè)面跳轉(zhuǎn)事件攔截 $stateChangeStart | $stateChangeSuccess | $stateChangeError
    // https://github.com/angular-ui/ui-router/wiki
    $rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState, fromParams, options) {
        if(toState.url == "/dash" || toState.url == "/account"){ // 這兩個(gè)頁(yè)面不隱藏Tabs
            $rootScope.hideTabs = false;
        } else { // 其他頁(yè)面英藏Tabs
            $rootScope.hideTabs = true;
        }
    });
})

類(lèi)似于攔截器的實(shí)現(xiàn)可以在這里統(tǒng)一指定哪些頁(yè)面不顯示Tabs。