javascript - angularjs 中有多少种限制可用

Question

为什么当我们创建指令时，它默认仅限于属性。为了创建由元素或类名触发的指令，我们需要使用 restrict 选项吗？

限制选项通常设置为:

• 'A' - 只匹配属性名，
• 'E' - 只匹配元素名称，
• 'C' - 只匹配类名。

这些限制都可以根据需要组合:

• 'AEC' - 匹配属性或元素或类名。

在 angularjs 中只有这些限制可用吗？或者，还有其他可用的限制吗？

Answer 1

AngularJS 默认期望我们将自定义指令声明为属性，因此这意味着 restrict选项设置为 A .

可用的选项有:

E = 元素 <new-directive></new-directive>

A = 属性 (默认) <div new-directive="expr"></div>

C = 类 <div class="new-directive: expr;"></div>

M = 评论 <!-- directive: new-directive expr -->

它们当然可以组合使用:

{ restrict: 'EC' } // Element or class

属性是默认的，因为它们确实可以跨浏览器工作，包括没有在文档中注册新标签的旧 IE。

有人建议我也建议不要使用注释限制来声明指令，因为它们要跨越多个元素，但在较新的版本中有像 ng-repeat-end 等钩子(Hook)。