ionic隐藏tabs(hideTabs)

在ionic项目中，如果构建的是一个tabs项目，那会存在需要在进入下级页面时，隐藏掉底部或者顶部tabs的需求。本文介绍两种方式去实现，一种为通过css控制，另一种为通过设置路由实现。

一、通过CSS隐藏tabs

这种方式主要是通过一个css–>tabs-item-hide来实现，这个css是ionic.css中自带的一个简单的样式。

1.设置tabs标签

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

...

</ion-tabs>

这里的{ {hideTabs}}是在稍后指令里赋值的。

2.指令

.directive('hideTabs',function($rootScope){
   
    return {
      restrict: