轉換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