Выше или ниже числа с ngclass угловой

Question

Я изучаю Angular.Я тренируюсь, чтобы изменить класс, если моя переменная выше или ниже 0. Можно ли сделать что-то с этим?

<li [ngClass]="{'list-group-item': true,
  'list-group-item-danger': loveIts < 0,
  'list-group-item-success': loveIts > 0}">

  <h4>{{postTitle}} -- {{postCreated_at | date:'dd/MM/yyyy à hh:mm' | uppercase}}</h4>


</li>

Если нет, каков хороший способ?

Answer 1

Да, это нормально, но вы также можете сделать это:

<li class="list-group-item" [ngClass]="{
  'list-group-item-danger': loveIts < 0,
  'list-group-item-success': loveIts > 0}">

<h4>{{postTitle}} -- {{postCreated_at | date:'dd/MM/yyyy à hh:mm' | uppercase}}</h4>