Angular.JS中的指令是什么

Question

我很难理解AngularJS中的指令。AngularJS本身的定义充其量也是令人困惑的：

Directives are a way to teach HTML new tricks. During DOM compilation directives are matched against the HTML and executed. This allows directives to register behavior, or transform the DOM.

有没有人能用简单易懂的英语解释一下AngularJS中的指令，这是编程教学中常用的。类似于：directives are funcions/objects that extends ...

Answer 1

它们是一种扩展HTML、添加新元素和/或向现有元素添加新属性的方法。来自Angular的开发人员指南：

指令是由自定义属性、元素名称或类名称触发的行为或DOM转换。指令允许以声明性方式扩展HTML词汇表。

您可以使用它们向HTML添加行为，定义一个链接函数来保持属于作用域的变量和DOM元素之间的双向绑定，或者用于动态操作DOM，定义一个可以修改甚至生成新DOM元素和属性的编译函数。将其视为一种扩展HTML并将其转换为特定于域的语言的方法。

Answer 2

指令可以是属性、标签，甚至可以是类名。

一旦你把它们写进你的HTML标记中，它就会被angular拾取，并按照你定义的方式运行。

它使您能够定义新的自定义HTML元素，如或，或新的行为属性，如

<div angry></div>

每当有人点击那个div时，他就会得到“我很愤怒”的警告。

你基本上可以做你需要的每一个扩展，以使你的html尽可能的精简和易懂。这完全取决于您如何定义您的指令。

Answer 3

AngularJS指令是HTML模板标记(即属性、元素和CSS类)和支持JavaScript代码的组合。angularJs代码定义了JavaScript数据和html元素的行为。

AngularJs指令用于扩展HTML词汇表，即它们用新的行为修饰html元素，并帮助以有趣的方式操作html元素的属性。

AngularJS提供了一些内置的指令，如ng-app、ng-controller、ng-repeat、ng-model等