大于或小于ngclass Angular的数字

时间:2019-02-22 16:25:21

标签: angular ng-class

我正在学习Angular。如果我的变量大于0或小于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>

如果没有,什么好方法?

1 个答案:

答案 0 :(得分: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>