Javascript 如何根据角度表达式动态更改CSS类

我想根据角度表达式更改span css类

如果

{{pirstatus}}=='Door Closed'

，则类应该是

class=“label-label-success”

否则它应该是

class=“标签危险”

{{pirstatus}

您可以使用

条件类

：

<span class="label {{pirstatus === 'Door Closed'? 'label-success': 'label-
danger'}}"  style="font-size:large">{{pirstatus}}</span>

{{pirstatus}

或

{{pirstatus}

您可以在查找AngularJs代码时尝试此方法

<span class="label " ng-class="$pirstatus === 'Door Closed'? 'label-success': 'label-danger'>{{pirstatus}}</span>

---

使用
[ngClass]

<span class="label " [ngClass]="pirstatus === 'Door Closed'? 'label-success':
 'label-danger'">{{pirstatus}}</span>

{{pirstatus}

或

{{pirstatus}
您可以使用类绑定
[class]
作为

<span [class]="pirstatus == 'Door Closed' ? 'label label-success' : 'label label-danger'" 
style="font-size:large">{{pirstatus}}</span>

{{pirstatus}

或者，您可以将条件用作

<span class="label" [class.label-success]="pirstatus == 'Door Closed'" 
[class.label-danger]="pirstatus !== 'Door Closed'" style="font-size:large">
{{pirstatus}}</span>


{{pirstatus}}

只需使用AngularJS中的条件类即可

<span class="label " [ngClass]="pirstatus === 'Door Closed'? 'label-success':
 'label-danger'">{{pirstatus}}</span>

{{pirstatus}}

这里a==true或a==false是您要检查的条件。
您可以使用
ng class
。当我写答案时，用户已经发布了
Door
。
<span [class]="pirstatus == 'Door Closed' ? 'label label-success' : 'label label-danger'" 
style="font-size:large">{{pirstatus}}</span>

<span class="label" [class.label-success]="pirstatus == 'Door Closed'" 
[class.label-danger]="pirstatus !== 'Door Closed'" style="font-size:large">
{{pirstatus}}</span>