Преобразование HTML-текста в PHP

Question

Преобразование HTML-текста в PHP

1

Я заполняю таблицу объектами, полученными из массива JSON, сгенерированного удаленным файлом PHP:

 <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}} в переменную, которая позволила бы мне установить условия для изменения макета таблицы? Заранее спасибо.

mvasco 08 нояб. 2015, в 00:45

Источник

Теги:

php

html5

2 ответа

1

вы можете принудительно преобразовать число с {{data.pending*1}} а затем проверить свой дизайн. Здесь скрипка, показывающая конверсию

Stefan Zimmermann 07 нояб. 2015, в 21:18

0

Спасибо Стефан, я попробую это ..
mvasco 07 нояб. 2015, в 23:53

Ещё вопросы

MiDri · Accepted Answer · 2015-11-07T21-21-00.000Z

Я бы сделал это в 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>

Спасибо за ваше предложение, я протестирую его, но это решение подразумевает объявление всех возможных значений по одному, и я бы предпочел иметь возможность определить фильтры.