Как добавить цвет фона в конкретную строку с помощью PAGINATION
Здесь я перебор массива с помощью pagination.The массива имеет переменное количества в ней, которые могут быть доступны {{x.count}} .I нужно добавить цвет фона в строка с count = 0.
Как показано на рисунке ... Я должен показать разные цвета строки с кол = 0
Вы можете использовать CSS в сочетании с выражением класса:
<tr dir-paginate="x in array" class="count-{{ x.count }}">
<td scope="row">{{x.emailTo}}</td>
<td scope="row">{{x.subject}}</td>
</tr>
CSS:
tr.count-0 td {
background-color: green;
}
Работаем великолепно –
Вот еще один способ сделать это, у НУ может найти более «угловатый»:
<tr dir-paginate="x in array"
ng-class-odd="'some-odd-class'"
ng-class-even="'some-even-class'">
</tr>
ng-class-odd/ng-class-even работать только с нг-повтора, поэтому я полагаю, (надеюсь) ваша директива реж-постраничной имеет нг-повтора в нем где-то.
Мне нужен цвет фона для целой строки, а не конкретный td –
Что произойдет, если array.count равно 0 для всех строк? –
На самом деле, если count = 0 означает, что я не посещал эту строку, поэтому мне нужно добавить некоторый цвет фона в строку с count = 0 –