angular - 如何在 Angular 2+ 中使用带有条件的多个类

Question

我正在尝试使用条件在 [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获取数据，有什么替代方法可以做到这一点？谢谢

Answer 1

不需要将 {{}} 与 [ngClass] 一起使用，因此只需将其删除即可。

试试这个 -

 [ngClass]="{
             'badge badge-success': server.type  === 'PRODUCTION',
             'badge badge-danger':  server.type  === 'TEST',
             'badge badge-warning': server.type  === 'DEV'
              }">