<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。
