ngClass中的多个类

如果您不打算动态更改这些类,那么使用ngClass是过度的.您只需class="fa fa-star"在模板中使用即可.

ngClass当您想要动态打开和关闭它们时,应该使用它们.文档中有一个例子:

您的组件将有一个方法:

setClasses() {
  return {
    saveable: this.canSave,      // true
    modified: !this.isUnchanged, // false
    special: this.isSpecial,     // true
  }
}

然后ngClass在你的模板中使用如下:

This div is saveable and special

您还可以构建包含多个类的字符串.

在这种情况下,additionalClass是包含classname的@Input var,active是一个设置活动类的boolean