ng-style
我的控制器中有两个对象。
$scope.leftpadding = {
paddingLeft : '7px'
}
$scope.toppadding = {
paddingTop : '7px'
}
我想在同时使用这些对象ng-style
像
<h5 ng-style="toppadding leftpadding">
不管用。因为两个对象均未应用样式。
不能像
$scope.style = {
paddingLeft : '7px',
paddingTop : '7px'
}
有什么办法可以做到这一点?
在范围内创建通用方法
$scope.margeStyleObj = function(objectList) {
var obj = {};
objectList.forEach(function(x) {
for (var i in x)
obj[i] = x[i];
});
return obj;
}
然后从html调用
<h5 ng-style="margeStyleObj([toppadding,leftpadding])">
您也可以使用angular.extend
像这样
$scope.margeStyleObj = function(objectList) {
var obj = {};
objectList.forEach(function(x) {
angular.extend(obj,x);
});
return obj;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句