首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >什么是AngularJS指令?

什么是AngularJS指令?
EN

Stack Overflow用户
提问于 2012-12-14 17:02:11
回答 4查看 49.6K关注 0票数 184

我花了相当多的时间通读AngularJS文档和几个教程,我非常惊讶于这些文档是多么难以接近。

我有一个简单的、可以回答的问题,对于其他希望学习AngularJS的人来说可能也很有用:

什么是AngularJS指令?

指令应该有一个简单、精确的定义,但AngularJS website提供了这些令人惊讶的无用定义:

On the home page

指令是AngularJS中提供的一个独特且强大的功能。指令使您可以发明特定于您的应用程序的新HTML语法。

developer documentation

指令是一种教授HTML语言新技巧的方法。在DOM编译期间,指令与HTML匹配并执行。这允许指令注册行为或转换DOM。

而且有一个关于指令的series of talks,讽刺的是,它似乎假设观众已经理解了它们是什么。

有没有人能给出一个明确的定义,解释一下指令是什么:

它是什么(参见clear definition of jQuery as a

  1. 实际问题和情况,它旨在解决它所体现的设计模式,或者它如何适应AngularJS所谓的MVC/MVW任务。
EN

回答 4

Stack Overflow用户

发布于 2014-09-10 15:16:45

对于angular指令,一个真正简单且初始的定义可能是

HTML指令( ng - AngularJS )是带有ng前缀的

属性(ng-AngularJS、ng-app、ng-repeat、ng-bind),由Angular用来扩展HTML.(from: W3schools angular tutorial)

这方面的一些例子如下

ng-app指令定义AngularJS应用程序。

HTML model指令将控件(输入、选择、文本区域)的值绑定到应用程序数据。

HTML bind指令将应用程序数据绑定到视图。

代码语言:javascript
复制
<div ng-app="">
    <p>Name: <input type="text" ng-model="name"></p>
    <p ng-bind="name"></p>
</div>

查看本教程,至少对我来说,这是对Angular最好的介绍之一。更完整的方法是@mark-rajcok之前所说的一切。

票数 11
EN

Stack Overflow用户

发布于 2012-12-14 17:08:25

查看文档,指令是你可以编写的结构,angularjs为了创建对象和behaviors.In而解析,换句话说,它是一个模板,在这个模板中,你可以使用任意节点和伪javascript以及数据占位符的混合来表达你的小部件(组件)是如何构造的,它是如何行为的,以及它是如何馈送数据的。然后,Angularjs针对这些指令运行,将它们转换为有效的html/javascript代码。

指令的存在是为了让您可以使用适当的语义构建更复杂的组件(小部件)。看看指令的angularjs示例-它们定义了选项卡窗格(这在常规HTML中当然是无效的)。它比使用像div-s或span创建结构更直观,然后再将结构样式化为选项卡式窗格。

票数 4
EN

Stack Overflow用户

发布于 2015-05-14 14:48:33

在AngularJS中,指令是html元素HTML re标记,如属性(Restrict A)、元素名称(Restrict E)、注释(Restrict M)或CSS类(Restrict C),它们告诉AngularJS编译器($compile)对DOM元素执行指定的行为,甚至转换DOM元素,其children.Some示例为ng-bind、ng-hide/Show.

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13875466

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档