如何避免在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

尝试

Answer 2

尝试一下：[ngClass]="{ 'cSmall cGray cTab1': !first }"