0
点赞
收藏
分享

微信扫一扫

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

小云晓云 2022-07-14 阅读 72

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">  

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

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}}">


举报

相关推荐

0 条评论