AngularJS自定义指令
2016-08-29 18:41
225 查看
AngularJS自定义指令
注:本文翻译自官方angularjs1.5.0版本,水平有限,如有错误,欢迎指正。什么是指令
指令本质上就是AngularJS扩展具有自定义功能的HTML元素的途径。匹配指令
在我们学会写自定义指令之前,我们需要知道Angular的HTML编译器是如何使用一个给定的指令的。在下面的例子中,我们说 <input> 元素匹配了 ngModel 指令
<input ng-model="foo">
下面的 <input>元素同样匹配了ngModel
<input data-ng-model="foo">
指令类型
AngularJS提供四种自定义指令类型,包括元素(element)、属性(attributes)、类(class)和注释(comments)。下面的例子就是以上四种方式。<my-dir></my-dir> <span my-dir="exp"></span> <span class="my-dir: exp;"></span> <!-- directive:my-dir exp -->
官方推荐使用属性或者元素的形式,可使低版本浏览器更容易识别。
创建指令
过几天更新相关文章推荐
- angularJS自定义指令
- AngularJS自定义指令详解(有分页插件代码)
- AngularJS:如何使用自定义指令来取代ng-repeat
- AngularJs自定义指令实例
- AngularJS实现自定义指令与控制器数据交互的方法示例
- AngularJS - 自定义指令
- angularJS自定义指令模板替换
- angularjs自定义指令绑定策略---‘=’绑定
- angularjs自定义指令属性详解
- AngularJs自定义指令详解(7) - multiElement
- AngularJS自定义指令
- angularjs 自定义指令中
- angularjs教程——自定义指令
- angularjs自定义指令
- Angularjs自定义指令之复制指令
- Angularjs进阶笔记(2)-自定义指令中的数据绑定
- AngularJS 自定义指令
- AngularJS自定义指令
- angularjs自定义指令绑定策略---‘@’绑定
- AngularJS自定义指令directive:scope属性