我正在使用从远程PHP文件生成的JSON数组接收的对象填充表:
<tr ng-repeat="data in filtered = (list | filter:search | orderBy : predicate :reverse) | startFrom:(currentPage-1)*entryLimit | limitTo:entryLimit">
<td>{{data.material_number}}</td>
<td>{{data.service_number}}</td>
<td>{{data.ordered}}</td>
<td>{{data.quantity}}</td>
<td>{{data.pending}}</td>
<td>{{data.unit}}></td>
<td>{{data.description}}</td>
<td>{{data.cost}}</td>
<td>{{data.net}}</td>
<td><a href="edit_po_item.php?id={{data.id_po}}" class="btn btn-info" role="button">Edit</a></td>
</tr>
根据收到的值,我需要进行一些设计更改,例如,如果{{data.pending}}
是1到5之间的整数,我想更改单元格背景颜色。
如何将文本值从{{data.unit}}
转换为可让我设置条件以更改表格布局的变量?
先感谢您。
答案 0 :(得分:1)
我在CSS中这样做,而不是在PHP中,个人......
变化:
<td>{{data.pending}}</td>
要:
<td data-pending-code='{{data.pending}}'>{{data.pending}}</td>
现在你可以做类似的事情:
<style>
td[data-pending-code="1"] { background: red; }
td[data-pending-code="2"] { background: blue; }
td[data-pending-code="3"] { background: green; }
td[data-pending-code="4"] { background: yellow; }
td[data-pending-code="5"] { background: purple; }
</style>
答案 1 :(得分:1)
您可以强制转换为svn up
的数字,然后检查您的设计。
Here's a fiddle showing conversion