Как избежать повторений в 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

Попробуйте это: [ngClass]="{ 'cSmall cGray cTab1': !first }"

Answer 2

Попробуйте

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

Ссылка: API NgClass