of-class 比较字符串

Question

如果此人有空，我需要设置绿点class，如果此人忙碌，则设置红点。 "available" 或 "busy" 是一个字符串，它将是 API 的响应。我尝试使用 ng-class 设置 class 但它对我不起作用

<div ng-class="{'led-green': {{person_list.person_available}} == 'available'}, {'led-red': {{person_lists.person_available}} == 'busy'}"></div>

Answer 1

它应该是这样的：

<div ng-class="{person_list.person_available === 'available' ? 'led-green' : 'led-red' }"></div>

Answer 2

您需要将其更改为：

<div [ngClass]="{
                 'led-green': person_list.person_available === 'available',
                 'led-red': person_lists.person_available === 'busy'
                }">
</div>

区别是：

通过[ngClass]
去掉多余的{{}}
使用===代替==

of-class 比较字符串

ng-class to compare string

angular

ng-class