将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}}强制转换为数字，然后检查设计。 这是显示转换的小提琴