ionic底部tabbar的隐藏

底部tabbar的隐藏
一 底部Tabbar的隐藏在使用ionic开发项目的时候，难免会用到底部切换菜单，那么在ionic导航控器中，进入到二级页面，往往我们不需要显示底部菜单，那么我们改如何在ionic的导航控制其中隐藏底部菜单呢？那么小编接下来就为大家讲解一下，其实只需要三步就能够做到了。
1.在标签ion-tabs中添加：ng-class=”{‘tabs-item-hide’: $root.hideTabs}” 源码如下：

2.添加angularjs的指令，源码如下：

.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 = value; 
    }); 
}); 
scope.$on('$ionicView.beforeLeave', function(value) { 
     $rootScope.hideTabs = value;
   });
 }};
})

3.你想要隐藏的界面标签ion-view添加表达式hide-tabs=”true”,源码如下：

 
 
 返回 
 

不需要隐藏的页面需要标签ion-view添加表达式hide-tabs=”false”：

  更多 

总结：以上三个步骤需要第二步需要我们了解一下angularjs的directive的使用方法，在此小编有一个学习地址：http://www.jikexueyuan.com/course/1538.html，最后附上示例源码地址：https://github.com/lerpo/Ionic-Demo.git