我想在指令的属性之间进行单向(不是一次)绑定(bind),但我正在努力解决如何在没有 attrs.$observe
的情况下表达这一点。目前我能想到的最好办法是通过 &attr
绑定(bind)并调用我在模板中绑定(bind)的变量,例如{{attr()}}
app.controller('MainCtrl', function($scope) {
$scope.names = ['Original'];
setTimeout(function () {
$scope.names.push('Asynchronously updated name');
$scope.$apply();
}, 1000);
});
app.directive('helloComponent', function () {
return {
scope: {
'names': '&names'
},
template: '<li ng-repeat="name in names()">Hello {{name}}</li>'
}
});
<body ng-controller="MainCtrl">
<ul>
<hello-component names="names"/>
</ul>
</body>
Plunker
有没有一种更好的方法可以保留单向绑定(bind)而不需要调用绑定(bind)的属性?
编辑
我更新了示例代码以阐明我想绑定(bind)到一个对象,而不仅仅是一个字符串。所以 @attr
(与字符串属性一起使用)不是解决方案。
最佳答案
"&"
实际上是正确的做法。我反对这种方法(@JoeEnzminger、here 和 here),因为它在语义上有问题。但总的来说,Joe 是正确的 - 这是创建到实际对象的单向绑定(bind)与绑定(bind)到字符串的 "@"
的方法。
如果您不喜欢隔离作用域,那么您可以使用 $parse
获得相同的效果:
var parsedName = $parse(attrs.name);
$scope.nameFn = function(){
return parsedName($scope);
}
并在模板中将其用作:
"<p>Hello {{nameFn()}}</p>"
关于javascript - 一种以 Angular 绑定(bind)到对象的方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30143323/