转换HTML文本为PHP

Question

我填充表与由远程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}}转换为可让我设置条件以更改表格布局的变量？ 预先感谢您。

Answer 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> 

Answer 2

你可以强迫公司转换成{{data.pending*1}}，然后检查您的设计。 Here's a fiddle showing conversion