使用 ngclass Angular 高于或低于数字

Question

我正在学习Angular。如果我的变量高于或低于 0，我正在训练改变 class。可以做一些这样的事情吗？

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

使用 ngclass Angular 高于或低于数字

Above or below number with ngclass Angular

ng-class

angular