javascript - 指令 'scope' 中需要值属性

Question

我正在经历创建指令的过程。在经历了一些起伏之后，我完成了创建指令 ( widget ) 并最终确定指令将采用的各种属性。

我使用了各种可用的选项，如属性、绑定(bind)、评估、表达式等。

我的想法是，如果您想创建一个通用组件，您永远无法知道人们将如何将值传递给该组件。

这是一个例子...

你正在创建一个新的元素组件..说

<hello name="__ARGUMENT__"></hello>

hello 的 name 属性是其中唯一的变量。如果您将其公开……这些是人们可能会使用此组件的场景。

案例 1:

<hello name="angular"></hello>

案例 2:

<hello name="{{name}}"></hello> 

案例 3:

<div ng-repeat="name in names">
    <hello name="name"></hello> 
</div>

现在..针对不同的场景..我已经开始了解所提供的各种选项。我想不出一个场景，你会想要“属性”，因为它是从组件到模板的值的简单直接替换..

在您的指令定义中，如果您将名称定义为“evaluate”而不是“attribute”

如果属性:

<hello name="angular"></hello>

如果评估:

<hello name="'angular'"></hello>

注意额外的单引号..

据我所知，评估涵盖了属性的作用。而且，使用评估似乎是比仅使用属性更好的选择，因为它涵盖了更多场景!

如果有人能解释为什么属性首先存在？更多选择 = 更多困惑.. :)

Answer 1

我们很清楚这种困惑，将来会清理它。