ionic入门教程第十八课-初识自定义指令directive oni-bar（tab-bar）

经过这么长时间的学习，我想大家都有了一定的基础了。

这节课尝试着给大家讲点更加深入的东西，能理解的就好好学学，还理解不来的朋友也不要紧，可以当做扩展阅读看看就好。

学习切忌过于急躁。

到目前为止，我教程里面提到的内容都是使用了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打开项目，关于目录结和初始化运行结果的内容这里就不说了，前面的教程里都提到过了。

然后我们分析一下，我们要的效果是在一个b