各位观众老爷大家好,欢迎收看内裤总动员之程序猿的IT程序大讲堂,有一段时间没有更新了,真的非常抱歉啊,这阶段过了年,生了娃,事情挺多的,废话不多说了,这次给大家来分享的是关于ionic中下面的tabs导航栏的隐藏。 其实这个在菜鸟教程或者百度都能找到,但是今天我就给大家在详细的说一下吧。
先给大家截个图,看一下原来的样子啊。
我去,在mac上截图后怎么这么大,而且还卡。。。。我郁闷。 算了,这个是我们当前的这个导航栏啊。 现在的主要目的是当我们跳转到二级页面后,这个导航栏将被隐藏。
在这里用到的知识点是angular里面的一个自定义方法。
就是这个directive。
而使用它我在这里用到了三个地方。
下面这段代码需要放在controller的最下面即可。
controller 的代码填写完成后, 下一个需要在tabs。html文件里面写一句代码。
就是这个ng-class 他的意思是加入一个类名。 加入的东西可以是字符串, 对象或者数组。 菜鸟上有
这句话加完后, 我们在去二级页面的 写上最后一句话就好了 home_two.html
这个是二级页面。 只需要在ion-view 的标签中加上这句话 。就完事。 然后这次给大家看一下效果。
好啦,隐藏就是这么隐藏的啦。 而关于代码上我也没办法过多的详细讲解了。 如果想详细的了解的话,可以在菜鸟里好好看一下吧。