Установить цвет строки для определенных строк

Question

Я работаю над проектом Angular4 и использую ngx-datatable, чтобы файл .html выглядел как

<ngx-datatable> <ngx-datatable-column> <ng-template> ... {{row.value}}

Чего я хочу добиться, так это проверить значение с помощью *ngIf или внутри машинописного текста для значения, и если значение> 100, установите фон ROW в красный цвет, иначе он должен быть белым, как есть.

Как этого добиться?Спасибо за помощь

Answer 1

Добавьте это в строку ..

[style.background-color]='row.value >= 100 ? "red":"" '

Answer 2

Обычно вы можете условно обмениваться CSS-классами следующим образом:

<ng-template [ngClass]="{red: row.value >= 100, white: row.value < 100}">

Конечно, вы должны определить CSS-стили для обоих классов - красного и белого в вашем CSS-файле.