如何将字符串样式应用于angular.js中的元素？

Question

我有一个动态样式模型作为字符串，我想将其应用于html元素。 不幸的是，ng-style适用于对象。

如何使用简单的字符串进行此操作？

item.trStyle类似于"background-color:#B5EFF2;padding:10px;text-align:center;"

<td style="{{item.trStyle}}">

</td>

Answer 1

您可能需要将ng-class与几个不同的类一起使用，以构建您想要的样式。例如..

<td ng-class="{blueBG: shouldBeBlue, tenPadding: shouldBePadding, centerText: shouldCenterText}">

...的CSS

.blueBG{background-color:#B5EFF2;}
.tenPadding{padding:10px;}
.centerText{text-align:center;}

角度模型

{
$scope.shouldBeBlue = true;
$scope.shouldBePadding = true;
$scope.shouldCenterText = true;
}