如何避免 Angular ngClass 中的重复？

Question

设想以下情况：

 <div *ngFor="let d of dm; first as first">
    <span
      [ngClass]="{ cSmall: !first, cGray: !first, cTab1: !first }"
    >
      {{ d }}
    </span>
  </div>

所有这些 CSS-类 cSmall, cGray, cTab1 都依赖于 !first.

我能否在以下范围内避免不必要的重复：

{ cSmall: !first, cGray: !first, cTab1: !first }

我已经试过 { [cSmall,cGray,cTab1]: !first } 但没有成功 :)

Answer 1

尝试

<some-element [ngClass]="{'class1 class2 class3' : true}">...</some-element>

参考：NgClass API

Answer 2

试试这个：[ngClass]="{ 'cSmall cGray cTab1': !first }"

如何避免 Angular ngClass 中的重复？

How to avoid repetitions within Angular ngClass?

styling

ng-class

angular-ng-class

angular