我试图在[ngClass]上使用条件进行多个类选择:
<td>
<span
[ngClass]="{
'badge badge-success': {{ server.type }} === 'PRODUCTION',
'badge badge-danger': {{ server.type }} === 'TEST',
'badge badge-warning': {{ server.type }} === 'DEV'
}">
</span>
</td>
我知道[ngClass]不适用于{{}},我从restapi django应用程序获取数据,有什么替代方法可以做到这一点?谢谢
无需使用{{}}
与[ngClass]
,所以只需删除它。
试试这个 -
[ngClass]="{
'badge badge-success': server.type === 'PRODUCTION',
'badge badge-danger': server.type === 'TEST',
'badge badge-warning': server.type === 'DEV'
}">
使用[ { key: class}[ expression ]]
处理多种情况
<span class="badge " ng-class="[{'PRODUCTION':'badge-success', 'TEST':'badge-danger', 'DEV':'badge-warning'}[ server.type]]"></div>