本教程深入讲解如何在ionic中创建自定义指令`oni-bar`，实现一个自定义的tab页功能。内容涵盖注释掉默认bar，创建新的bar结构，处理按钮和tab，以及通过指令将这些元素编译。教程还讨论了如何使用replace参数，link函数以及在不同平台上的表现一致性。最后给出了完整指令代码和示例链接。
经过这么长时间的学习，我想大家都有了一定的基础了。
这节课尝试着给大家讲点更加深入的东西，能理解的就好好学学，还理解不来的朋友也不要紧，可以当做扩展阅读看看就好。
学习切忌过于急躁。
到目前为止，我教程里面提到的内容都是使用了ionic的内置指令和一些angularjs的内置指令来实现的。如ion-nva-bar、ion-list、ion-nav-view和ng-repeat、ng-bind等
其中ion是ionic的命名空间，ng是angularjs的命名空间，- 后面的是指令的名字。
如果你使用的ide是webstorm，并且安装了angularjs的插件，那你可以在文件中键入“ngdc”快速创建指令
不使用快捷方式的，可以新建一个文件。（我自己也没用过快捷创建，感觉格式跟我写的不是很一样。）
键入angular.module().directive(name,function factory(){})
这里我先不对所有的API进行讲解，我们先拿一个简单的实例来说明。
我们要完成一个这样的在bar中的tab页。
首先我们新建一个项目ionic start onibartest tabs
然后使用webstorm
订阅专栏 解锁全文
扫一扫
3943
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
