angularjs - 可以是元素、属性、css 类和注释的指令？

Question

我们知道指令有四种类型:

HTML element (E)
an attribute on an element (A)
a CSS class (C)
comment (M)

我们可以在指令中使用 restrict: 'EACM'。但是当我们需要一个指令是element, attribute, css class and comment 时，有人能给出一个实际的例子吗？谢谢。

Answer 1

基本上很快:

唯一真正使用的值是 E 和 A。

E 是元素指令。这是用于指令注入(inject)内容(template 或 templateUrl)的逻辑限制类型。这将是 AngularJS 必须提供给 webcomponents 的最接近的。

A 是属性。这是通过向模板内的元素或 E-directive 元素添加行为来增强元素的逻辑类型限制(例如:ng-click，ng-show...) .

C 或多或少没用。与 A 指令的预期用法相同，但在阅读 Angular HTML 代码时不太明显，因为您将混合样式 css 类和指令 css 类。当您的设计师从您的模板中删除指令类时，由于在您的 css 文件中找不到它们而面临风险(真实故事)。更快的回答是:不要使用它，而是使用 A。

最重要的是，M 在 99.999% 的使用情况下显然完全没有用。这基本上是为了标记验证(避免可能由 E 和 A 指令引起的无效标签或属性)对于希望(并认为这是一个好/需要的东西)让 Angular 模板验证任何 w3 验证器服务。在极少数情况下也可用于向后兼容。对 M 更快的回答是:这是一个 hack，不要使用它。