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>