隐藏底部bar

ionic 隐藏导航，网上以有大神解决了。但好像都是二级页面的。到了三级就不行了。有的是返回就不行了。

ion-tabs导航

<ion-tabs class="tabs-icon-top tabs-color-active-positive {{$root.hideTabs}}">
</ion-tabs>

hideTabs的directive js 注意app=angular.module(‘directive’, [])

app.directive('hideTabs', function($rootScope) {
return {
restrict: 'A',
link: function(scope, element, attributes) {

scope.$on('$ionicView.beforeEnter', function() {

scope.$watch(attributes.hideTabs, function(value){
$rootScope.hideTabs = 'tabs-item-hide';
});
});

scope.$on('$ionicView.beforeLeave', function() {
scope.$watch(attributes.hideTabs, function(value){
$rootScope.hideTabs = 'tabs-item-hide';
});
scope.$watch('$destroy',function(){
$rootScope.hideTabs = false;
})

});
}
};
})

24
内页需要隐藏导航 hide-tabs=”true”

<ion-view hide-tabs="true" view-title="{{investname}}">
</ion-view>
1
2
1
2
这样三级导航和返回都没有问题了哦。。