[转]ionic tab view hide tab bar

Posted 2020-06-16

http://stackoverflow.com/questions/23991852/how-do-i-hide-the-tabs-in-ionic-framework

////// tabs.html
<ion-tabs ng-class="{‘tabs-item-hide‘: hideTabs}">
    // --> your tabs here
</ion-tabs>

////// somewhere_you_wanna_hide_tabbar.html
<ion-view hide-tabs>
  // --> your contents
</ion-view>

////// directives.js
.directive(‘hideTabs‘, function($rootScope) {
    return {
        restrict: ‘A‘,
        link: function($scope, $el) {
            $rootScope.hideTabs = true;
            $scope.$on(‘$destroy‘, function() {
                $rootScope.hideTabs = false;
            });
        }
    };
});

I hope this helps you guys :)