在host元素上针对单个表达式切换多个类

Question

由于您无法在主机绑定中使用ngClass，所以：

host: { '[ngClass]': "{ 'spinner spinner-large': !loaded }" }

是否还有其他方法可以针对单个表达式切换多个类？ （代替以下内容）

host: { '[class.spinner]': '!loaded',
        '[class.spinner-large]': '!loaded' }

Answer 1

这就是诀窍：

host: { '[class]': "!loaded ? 'spinner spinner-large' : ''" }