我在前面花了两篇博客分别系统化介绍了angularjs中的directive指令与component组件，当然directive也能实现组件这点毋庸置疑。在了解完两者后，即便我们知道component就像删减版的directive，用法上大同小异，但两者在

transclude - 编译元素的内容，使它能够被directive所用。需要配合ngTransclude使用(引用)

controller的用法分为两种情形，一种是require自定义的controller，由于自定义controller中的属性方法都由自己编 写，使用起来比较简单；另一种方法则是require AngularJS内建的指令，其中大部分时间需要requir

关于自定义指令的命名，你可以随便怎么起名字都行，官方是推荐用[命名空间-指令名称]这样的方式，像ng-controller。不过你可千万不要用 ng-前缀了，防止与系统自带的指令重名。另外一个需知道的地方，指令命名时用驼峰规则，使用时用-分割各单词。lin

指令是我们用来扩展浏览器能力的技术之一。在DOM编译期间，和html关联着的指令会被检测到，并且被执行。这使得指令可以为DOM指定行为，或者改变它的DOM结构。指令可以作为元素名，属性名，类名，或者注释。这个方法会遍历DOM，并对指令进行匹配。如果匹配成功

　　在这系列的上一篇文章，我讨论了scope事件以及digest循环的行为。这篇文章包括 独立的scope，内嵌，link函数，编译器，指令控制器等等。　　如果这个图表看起来非常的费解，那么这篇文章很适合你。　　声明: 这篇文字是基于 AngularJS

element.value = Number.toFixed // 失焦时候格式化

<button style="width: 10%;height: 15%;color: black;" ng-click="sendEmail">提交</button>. <my-em

在这系列的上一篇文章，我讨论了scope事件以及digest循环的行为。这篇文章包括 独立的scope，内嵌，link函数，编译器，指令控制器等等。如果这个图表看起来非常的费解，那么这篇文章很适合你。声明: 这篇文字是基于 AngularJS v1.3.0

背景使用element开发的过程中遇到循环的数据只能输入数字，并且有不要小数点，有需要小数点的使用vue directive 进行控制。element.value = Number.toFixed // 失焦时候格式化

Scope 是创建可以复用指令的必要条件，每个指令都有其唯一的作用域，它不依赖于父scope。scope 对象定义names 和types 变量。上面的例子即创建了3个scope变量。指令可以使用该值但无法修改，是最常用的变量。指令检索主Scope中的引用

restrict 是一个可选的参数。它告诉AngularJS这个指令在DOM中可以何种形式被声明。认AngularJS认为 restrict 的值是 A ，即以属性的形式来进行声明。优先级参数可以被设置为一个数值。大多数指令会忽略这个参数，使用默认值0，但

</tabpanel>很多人可能要惊呼，这货和JSP或者Struts等等框架里面的taglib很像啊！呃，说实话，实际上就是这样的，只不过这里是使用JavaScript来实现的。正因为如此，所以很多taglib做不到的功能，使用它就都可以做到，

AngularJS是一款非常强大的前端MVC框架。同时，它也引入了相当多的概念，这些概念我们可能不是太熟悉。SERVICES（服务） 如果你已经使用过AngularJS，你可能已经遇到过Service这个概念了，简而言之，Service就是在Angluar

本文整理并扩展了《AngularJS》这本书第六章里面的内容，此书近期即将由电子工业出版社出版，敬请期待口令：Angular. </tabpanel>很多人可能要惊呼，这货和JSP或者Struts等等框架里面的taglib很像啊！呃，说实话，实

transclude - 编译元素的内容，使它能够被directive所用。需要配合ngTransclude使用(引用)

controller的用法分为两种情形，一种是require自定义的controller，由于自定义controller中的属性方法都由自己编 写，使用起来比较简单；另一种方法则是require AngularJS内建的指令，其中大部分时间需要requir

关于自定义指令的命名，你可以随便怎么起名字都行，官方是推荐用[命名空间-指令名称]这样的方式，像ng-controller。不过你可千万不要用 ng-前缀了，防止与系统自带的指令重名。另外一个需知道的地方，指令命名时用驼峰规则，使用时用-分割各单词。});

阅读本文需要已经对ngc输出的代码、Angular packages/core源码有所熟悉。这是我搭建的一个直接可以使用的Angular aot demo项目，具体功能和用法可以看README，我认为它对于深入学习Angular源码十分有帮助。另外需要注意

Angularjs提供的directive指令可以用来写自己的命令甚至标签。});在这里面定义了名为example的directive，它是一个function,返回值是一个对象:. restrict属性表明example要匹配的的是一个标签('E')还是