ionic 隐藏ion-tabs底部导航 hide-tabs

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

ion-tabs导航


ideTabs的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;
                })

            });
        }
    };
})
内页需要隐藏导航 hide-tabs=”true”

这样三级导航和返回都没有问题了哦。。
原文链接:http://blog.csdn.net/xtgefzhangqing/article/details/49991227

你可能感兴趣的:(ionic开发)