我使用ng-style根据它们的值有条件地设置表中数据元素的颜色。使用ng重复生成每行数据。
所以我有类似的东西:
<tr ng-repeat="payment in payments"> <td ng-style="set_color({{payment}})">{{payment.number}}</td>
和我的控制器中的一个功能,像这样:
$scope.set_color = function (payment) { if (payment.number > 50) { return '{color: red}' } }
我试过了几个不同的东西。甚至将颜色设置为支付对象中的数据属性,但是似乎我无法获得ng风格来处理数据绑定的数据,
有人知道一种方法,我可以使这项工作吗?谢谢。
不要在
Angular expression内使用{{}}:
<td ng-style="set_color(payment)">{{payment.number}}</td>
从函数中返回一个对象,而不是一个字符串:
$scope.set_color = function (payment) { if (payment.number > 50) { return { color: "red" } } }