转载请写明来源地址：http://blog.csdn.net/lastsweetop/article/details/55520140

directive介绍

directive是DOM元素上的标记，告诉angularjs的HTML编译器（$complile）给DOM元素附加上一些特殊的行为，或者是改变DOM元素和它的子元素。

看到编译两个字，很多人会感到很懵，javascript不是解释执行的吗。其实这里的编译是因为，给html附加directive的递归过程很像是编译源代码的过程，所以才叫编译。

angularjs内置了一套directive，像ngBind, ngModel和ngClass。就像你创建controller和service一样，你也可以创建自己的directive。当angularjs启动你的app时，它会遍历DOM来匹配directive。

匹配directive

在写directive之前，先了解一下angularjs的html编译器怎么觉得何时需要使用给定的指令。

就像element匹配selector一样，当directive是element的声明的一部分时，我们就把这个叫做element匹配directive。

<input>元素匹配ngModel指令：<input ng-model="foo">

<input>元素匹配ngModel指令&#