angular4.x 如何动态组装一个class的样式

html 需要循环的地方：

[ngClass]="{'tl-color-num'}"这个怎么加index（num）进去

<div class="swiper-slide tl-color-0 " [ngClass]="{'tl-color-num'}" *ngFor="let item of cardList;let num = index">  

4.png

图片这种写法不对，无法去到值

不成功的写法

[ngClass]="{'tl-color' + num }" //无法取到

[ngClass]="['tl-color' + num ]" //无法取到

成功的写法 class="swiper-slide tl-color-{{num}}"

<div *ngFor="let item of cardList;let num = index"  class="swiper-slide tl-color-{{num}}">