将html文本转换为PHP

我正在用从远程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.material_number}
{{data.service_number}
{{data.ordered}
{{data.quantity}
{{data.pending}
{{data.unit}}>
{{data.description}
{{data.cost}
{{data.net}

根据收到的值，我需要进行一些设计更改，例如，如果

{{data.pending}}

是一个介于1和5之间的整数，我想更改单元格背景颜色

如何将

{{data.unit}}

中的文本值转换为一个变量，该变量允许我设置条件以更改表的布局？

---

先谢谢你

我个人会用CSS而不是PHP来做这件事

更改：

<td>{{data.pending}}</td>

{{data.pending}

致：

{{data.pending}

现在你可以做一些事情，比如：

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

td[data pending code=“1”]{背景：红色；}
td[data pending code=“2”]{背景：蓝色；}
td[data pending code=“3”]{background:green；}
td[data pending code=“4”]{背景：黄色；}
td[data pending code=“5”]{background:purple；}

您可以强制转换为带有

{{data.pending*1}}

的数字，然后检查您的设计。

---

感谢您的建议，我将对其进行测试，但此解决方案意味着要逐个声明所有可能的值，我希望有机会定义过滤器。

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