javascript - 如何使 AngularJS 在自定义属性中呈现变量？

Question

在 AngularJS 中，似乎在{{value}}内部做类似的事情value=""或class=""工作正常，但做类似的事情：

$scope.bar = "1234";

<my-directive foo="{{bar}}" />

导致字符串{{bar}}被传递给myDirective而不是字符串值bar。

如何强制bar传递的值而不是{{bar}}？

Answer 1

如果你没有在指令中指定一个独立的范围，你不需要传递一个范围变量——指令只会得到继承的范围，你可以参考：

scope.bar

如果要隔离指令范围并将变量作为属性传递，则需要在指令初始化中执行此操作。

scope: { foo:'=localFoo' }

然后在指令中您可以引用“localFoo”作为 {{bar}} 的评估结果。