隐藏底部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
这样三级导航和返回都没有问题了哦。。