内置Angular注释指令的示例

时间:2016-07-12 15:26:29

标签: javascript angularjs angularjs-directive

在Angular JS中,有四种表达指令的方法:

  • 元素名称(<my-dir></my-dir>
  • 属性(<span my-dir="exp"></span>
  • 班级名称(<span class="my-dir: exp;"></span>
  • 评论(<!-- directive: my-dir exp -->

最后一种类型很少使用,主要见于有关创建自定义指令的演示文稿中。我正在准备关于Angular的培训,我希望在不引入自定义指令代码的情况下显示所有类型的指令。令人惊讶的是,我找不到任何内置的注释指令。有没有?

1 个答案:

答案 0 :(得分:5)

In the docs有关于指令的评论选项的评论(没有双关语)可能会给你一些指示:

  

最佳实践:评论指令通常用于其中的地方   DOM API限制了创建跨越指令的能力   多个元素(例如内部元素)。 AngularJS 1.2   引入ng-repeat-start和ng-repeat-end作为更好的解决方案   这个问题。鼓励开发人员使用此优先级   尽可能的评论指令

所以似乎不鼓励使用这种类型的指令,并且深入研究ng-repeat-startng-repeat-end可以提供他们如何解决这些问题的见解。尽管显示每种类型的指令在行动中可能具有教育意义,但如果不鼓励这种做法,那么您可以做的最好的事情就是在演示文稿中提供此信息,而不是展示沮丧的代码实践。

此外,对restrict设置为“M”的任何内容doing a search in their repo,我无法找到任何内容。这似乎有助于确认团队重视自己的建议,并避免自己使用。