[转]ionic tab view hide tab bar

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[转]ionic tab view hide tab bar相关的知识,希望对你有一定的参考价值。

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 :)

以上是关于[转]ionic tab view hide tab bar的主要内容,如果未能解决你的问题,请参考以下文章

ionic 头部隐藏 ios问题

ionic3在首页与子页面同使用tabs

ionic5 路由跳转跳转传值返回上一页返回到根

ionic里面ui-router的一些奇葩问题

ng-show 和 ng-hide 在 Ionic 中很慢。两个元素可见几毫秒(仅在 iOS 中)

小程序 tabbar