各位观众老爷大家好,欢迎收看内裤总动员之程序猿的IT程序大讲堂,有一段时间没有更新了，真的非常抱歉啊，这阶段过了年，生了娃，事情挺多的，废话不多说了，这次给大家来分享的是关于ionic中下面的tabs导航栏的隐藏。 其实这个在菜鸟教程或者百度都能找到，但是今天我就给大家在详细的说一下吧。

先给大家截个图，看一下原来的样子啊。

tabs

我去，在mac上截图后怎么这么大，而且还卡。。。。我郁闷。 算了，这个是我们当前的这个导航栏啊。 现在的主要目的是当我们跳转到二级页面后，这个导航栏将被隐藏。

在这里用到的知识点是angular里面的一个自定义方法。

directive

就是这个directive。 

而使用它我在这里用到了三个地方。 

下面这段代码需要放在controller的最下面即可。

controllers

controller 的代码填写完成后， 下一个需要在tabs。html文件里面写一句代码。

ng-class

就是这个ng-class  他的意思是加入一个类名。  加入的东西可以是字符串， 对象或者数组。 菜鸟上有

这句话加完后， 我们在去二级页面的  写上最后一句话就好了 home_two.html

hide-tabs=“true”

这个是二级页面。 只需要在ion-view 的标签中加上这句话 。就完事。 然后这次给大家看一下效果。

隐藏效果

好啦，隐藏就是这么隐藏的啦。 而关于代码上我也没办法过多的详细讲解了。 如果想详细的了解的话，可以在菜鸟里好好看一下吧。