【第22期】观点:IT 行业加班,到底有没有价值?

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

除了 AngularJS 内置的63个指令外,我们还可以创建自定义指令。你可以使用 .directive 函数来添加自定义的指令。要调用自定义指令,HTML 元素上需要添加自定义指令名。使用驼峰法来命...

[Velocity二]自定义Velocity指令

什么是Velocity指令 在Velocity中,#set,#if, #foreach, #elseif, #parse等,以#开头的称之为指令,Velocity内置的这些指令可以用来做赋值,条件判断,循环控制等脚本语言必备的逻辑控制等语句,Velocity的指令是可扩展的,即用户可以根据实际的需...

程序员升职加薪指南!还缺一个“证”!

CSDN出品,立即查看!

带你走近AngularJS - 创建自定义指令

使用过 AngularJS 的朋友应该最感兴趣的是它的指令。现今市场上的前端框架也只有AngularJS 拥有自定义指令的功能,并且AngularJS 是目前唯一提供Web应用可复用能力的框架。 目...

AngularJS自定义URL验证指令

[code="JavaScript"] define(["../app"], function (app) { 'use strict'; app.directive('sshUrl', function($ro...

带你走近AngularJS - 创建自定义指令

带你走近AngularJS系列: 带你走近AngularJS - 基本功能介绍 带你走近AngularJS - 体验指令实例 带你走近AngularJS - 创建自定义指令 -----...
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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