1

我目前正在为 angularJS 的一个大项目做准备,我真的对 angularJS 指令的用途感到困惑?

只是一个澄清,或者一个例子会真的很有帮助。

4

2 回答 2

2

你应该先看看文档:http ://docs.angularjs.org/guide/directive 然后看看一些例子,比如这个只关注指令的例子:http ://www.youtube.com/看?v=Yg-R1gchccg

于 2013-07-02T07:51:07.420 回答
2

你应该首先看看这个:http: //blog.angularjs.org/2012/11/about-those-directives.html

也许您可以考虑像小宏这样的指令来改进经典的 HTML 语法。

指令用于将静态 HTML 元素替换为更模块化、可重用的功能部分。

考虑一个或多或少复杂的表格,它应该是动态的,并且您希望避免一直重新输入。这将是一个非常好的声明指令的场景。
指令是与 DOM 交互的唯一地方

当然,这只是一个非常基本的例子。对于懒惰的程序员来说,指令远不止是简写:)。它们可以为其他静态元素添加大量复杂性和功能,并且是实现 DRY 代码的好方法。

编辑:

您不仅可以通过创建自定义元素来使用指令,<myDirective>还可以通过将它们限制为属性或类来使用指令。然后,您可以将函数链接到它们:

app.directive('myDirective',function(){
  return {
    restrict: 'A', // Attribute
    link: function(){
        // do something great
    }
  }
})

Egghead.io很好地解释了有关指令(以及更多主题)的这个和其他有趣的东西

进一步阅读和观看:

http://docs.angularjs.org/guide/directive
http://blog.brunoscopelliti.com/use-cases-of-angularjs-directives
http://www.codinginsight.com/angularjs-directives/
https:// github.com/angular/angular.js/wiki/Understanding-Directives
http://www.befundoo.com/university/tutorials/angularjs-directives-tutorial/
http://www.egghead.io/

于 2013-07-02T07:47:30.407 回答