在 Angular 指令中为限制选择哪个值？答案

【问题标题】：Which value to choose for restrict in Angular directive?在 Angular 指令中为限制选择哪个值？
【发布时间】：2015-08-21 05:58:34
【问题描述】：

Angular 中的

指令可以用作属性名、标签名、cmets 或类名。但是，如何决定选择哪种类型呢？

【问题讨论】：

RTFM ~ docs.angularjs.org/api/ng/service/$compile#-restrict- 更一般的 ~ docs.angularjs.org/guide/directive#directive-types
是的，我知道限制值，但要选择哪一个，我该如何决定？
查看我提供的第二个链接
对不起@Phil 但docs.angularjs.org/guide/directive#directive-types 似乎不清楚
@ravins，或许可以更具体地重新表述这个问题。您似乎知道支持哪些指令样式以及如何限制某些样式。这些链接提供了相当多的额外上下文。那么，您具体关心的是什么。或者，换句话说，为什么默认的restrict: "EA" 对您的需求有问题。老实说，我不清楚你想象的正确答案是什么

【解决方案1】：

您可能需要查看many angular style 指南on github 之一，以很好地掌握指令应该和不应该做什么。

引用此style guide：

仅限于元素和属性

当创建一个作为独立元素有意义的指令时，允许限制 E（自定义元素）和可选的限制 A（自定义属性）。一般来说，如果它可以自己控制，E是合适的。一般准则是允许 EA，但倾向于在独立时作为元素实现，在增强其现有 DOM 元素时倾向于作为属性实现。

为了进一步利用我在 Angular 方面的一些经验，指令的最重要用途是创建自定义 HTML 元素。

<my-element></my-element>

这些通常意味着您将在这些标签中创建自己的 HTML 结构，并且通常应该为部分组件保留，例如在几个 SVG 画布上创建的饼图。

如果您想对 DOM 元素执行某种操作，如果您还打算创建一个具有自己范围的指令，即您想发送一些选项，那么我会说使用属性最好，因为它可以更好地说明您的意图。

<div full-screen options="{'top-offset':40}">This should be fullscreen and offset by 40px</div>

【讨论】：