[英]angular directive data binding
我正在尝试编写一个显示对象属性的简单Angular指令,但是我不了解绑定的工作方式。
<div ng-repeat="c in cars">
<div car carElement={{c}}></div>
<div>
.directive('car', function() {
return {
template: function(elem, attr){
var car = attr.carElement;
return car.brand + ' ' + car.model;
}
};
});
我不能绑定孔对象,只能绑定简单的属性。 例如,这有效:
<div ng-repeat="c in cars">
<div car brand={{c.brand}} ></div>
<div>
.directive('car', function() {
return {
template: function(elem, attr){
var brand = attr.brand;
return ''+brand;
}
};
});
如何将整车发送到指令模板?
您必须传递对象,而不是在表达式内部传递:
<div ng-repeat="c in cars">
<div car carElement="c"></div>
<div>
指示:
.directive('car', function() {
return {
scope: { car: "=carElement" },
template: function(elem, attr){
//you now have 'car' in scope.car
}
};
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.