如何使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}}的评估结果。