<分区>
我正在使用具有列状态的 ng-repeat 获取数据。我想根据状态更改行颜色,即如果状态已批准,行颜色设置为绿色,如果状态被拒绝,则行颜色为设置为红色。有人能帮忙吗..提前致谢
最佳答案
在您的问题中包含一些代码片段通常是一种很好的做法,以便我们更好地理解您的问题。没有它,我们只能做出很可能不是您想要或不适合您的风格的疯狂猜测。
我假设您的数据由 <tr>
填充在 ng-repeat
<tr ng-repeat="row in tableData" ng-class="{approved: row.status == 1, rejected: row.status == 0}">
<td>{{row.data1}}</td>
<td>{{row.data2}}</td>
</tr>
CSS:
tr.approved { background-color: green }
tr.rejected { background-color: red }
以上是根据特定条件对数据应用特定样式的更合适的方法。
如果你想要快速而肮脏的方式,你也可以直接应用样式
<tr ng-repeat="row in tableData" ng-style="{'background-color': ((row.status == 1) ? 'green' : (row.status == 0) ? 'red' : '') }">
<td>{{row.data1}}</td>
<td>{{row.data2}}</td>
</tr>
关于javascript - 根据列值更改表格行的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32899921/