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

How to make AngularJS render variables inside custom attributes?

本文关键字：变量自定义属性何使 AngularJS 更新时间：2023-09-26

在AngularJS中，似乎在value=""或class=""之类的东西中做{{value}}可以正常工作，但是做这样的事情：

$scope.bar = "1234";

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

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

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

如果未在指令中指定隔离的作用域，则无需在中传递作用域变量 - 该指令将仅获取继承的作用域，您可以引用：

scope.bar

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

scope: { foo:'=localFoo' }

然后在指令中，您可以引用 'localFoo' 作为 {{bar}} 的计算结果。