AngularJS自定义指令

翻译 2016年08月29日 18:41:54

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自定义指令

要说angular最出色的地方就要属于指令了,同理看一名编程人员对angular是否精通,我想也是看他写的指令怎么样的。因为很多东西功能都能放在指令里,在页面中用指令替代。简便,快捷,而已复用性强。 ...

AngularJS自定义指令

用AngularJS自定义指令写个开关demo 点击前 点击后 <link rel="stylesheet" type="text/cs
  • xyphf
  • xyphf
  • 2017-02-17 12:59
  • 227

AngularJS自定义指令之transclude解析与实例演示

本文主要介绍了自定义指令中transclude的用法以及实例演示。

angularJS 自定义指令

angularJS 自定义属性类似于过滤器filter,内置了许多方法同时可以自定义方法。 通过angular.model来创建模块对象:-angular.model: controller:控制器...

Angularjs自定义指令之三级联动---地理位置的选择

先上图 代码                             ...

angularJs自定义指令的三种绑定策略

angularJs指令的绑定策略实例介绍,特别是其中的双向绑定
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)