ionic Hide tabs 实现

1.指令代码

directiveMod.directive('hideTabs',function($rootScope){
    return {
        restrict:'AE',
        link:function($scope){
            $scope.$on('$ionicView.beforeEnter', function() {
                $rootScope.hideTabs = 'tabs-item-hide';

                console.log('tabs-item-hide');

            });
            $scope.$on('$destroy',function(){
                $rootScope.hideTabs = '';
                console.log('no-tabs-item-hide');

            })
        }
  } })

2.使用示例：

 app.js

 angular.module('starter', ['ionic','starter.controllers','starter.directive'])

 tabs.html

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

<ion-view hide-tabs title="详情">
......
</ion-view>