我正在尝试使用条件在 [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 app获取数据,有什么替代方法可以做到这一点?谢谢
最佳答案
不需要将 {{}}
与 [ngClass]
一起使用,因此只需将其删除即可。
试试这个 -
[ngClass]="{
'badge badge-success': server.type === 'PRODUCTION',
'badge badge-danger': server.type === 'TEST',
'badge badge-warning': server.type === 'DEV'
}">
关于angular - 如何在 Angular 2+ 中使用带有条件的多个类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51185365/