hide bottom bar

Ionic hides the navigation, which is solved by a great god on the Internet. But it seems to be secondary pages. It won't work at level three. Some just can't go back.

ion-tabs navigation

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

hideTabs directive js Note 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.
                scope.$watch(attributes.hideTabs, function(value){
                    $rootScope.hideTabs = 'tabs-item-hide';
                });
                scope.$watch('$destroy',function(){
                    $rootScope.hideTabs = false ;
                })

            });
        }
    };
})

24
inner pages need to hide navigation hide-tabs="true"

<ion-view hide-tabs="true" view-title="{{investname}}">
</ion -view>
1
2
1
2
This way, there is no problem with the three-level navigation and return. .