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>

Answer 2

您可以直接将 customClasses 设置为模板

<span class="customClasses">something</span>

你也可以使用 [ngClass] 根据条件附加你的类，所以放在一起

<span [ngClass]="{ selected: element.isSelected, 
                 highlighted: element.isHighlighted}" 
                 class="customClasses">something
</span>

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

2 个答案: