在“ng-repeat”迭代中使用AngularJs“ng-style”

发布时间：2020-12-17 08:44:00 所属栏目：安全来源：网络整理

导读：我使用ng-style根据它们的值有条件地设置表中数据元素的颜色。使用ng重复生成每行数据。所以我有类似的东西： tr ng-repeat="payment in payments" td ng-style="set_color({{payment}})"{{payment.number}}/td 和我的控制器中的一个功能，像这样： $scope.

我使用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" }
  }
}

Fiddle

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!