0
什么会更有效率/更好的做法:将多个对象属性绑定到不同的作用域属性或将整个对象绑定到作用域并访问模板中的属性。AngularJS多个单个绑定vs一个大型绑定
以下是这两种情况的一些例子:
单对象绑定:
directive('info', [function(){
return {
scope: {
object: "="
},
restrict: 'E',
template: '<div>\
<div>{{ object.something }}</div>\
<div>{{ object.something2 }}</div>\
<div>{{ object.something3 }}</div>\
<div>{{ object.something4 }}</div>\
<div>{{ object.something5 }}</div>\
</div>',
replace: true
};
}]);
<info ng-repeat="info in infoArray" object="info"></info>
多个绑定:
directive('info', [function(){
return {
scope: {
something: "=",
something2: "@",
something3: "@",
something4: "=",
something5: "@",
},
restrict: 'E',
template: '<div>\
<div>{{ something }}</div>\
<div>{{ something2 }}</div>\
<div>{{ something3 }}</div>\
<div>{{ something4 }}</div>\
<div>{{ something5 }}</div>\
</div>',
replace: true
};
}]);
<info
ng-repeat="info in infoArray"
something="info.something"
something2="info.something2"
something3="info.something3"
something4="info.something4"
something5="info.something5">
</info>