你必须使用指令的最佳情况是什么?

时间:2013-07-02 07:42:18

标签: angularjs angularjs-directive

我目前正准备在angularJS中开展一个大型项目,我真的很担心angularJS指令的用途?

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

2 个答案:

答案 0 :(得分: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
    }
  }
})

This以及有关指令的其他有趣内容(以及更多主题)在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/

答案 1 :(得分:2)

您应首先查看文档:{​​{3}} 然后看看一些例子,比如仅关注指令的例子:http://docs.angularjs.org/guide/directive