Angular2 [ngClass] - 将直接绑定与条件类相结合

Question

我目前[ngClass]在一个元素上有两个不同的工作实现;

[ngClass]="{ selected: element.isSelected, highlighted: element.isHighlighted}"

和

[ngClass]="element.customClasses"

是否有可能在模板中结合这两种方法,或者我是否必须在我的组件中创建一个方法,以根据上面的逻辑返回一个类数组？

谢谢!

Answer 1

我选择使用[class.*]设置条件类,留下[ngClass]来处理绑定;

<div 
  [ngClass]="element.customClasses" 
  [class.selected]="element.isSelected"
  [class.highlighted]="element.isHighlighted"
></div>