美文网首页
angular4.x 如何动态组装一个class的样式

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

作者: 追逐繁星的阿忠 | 来源:发表于2019-01-16 16:40 被阅读8次

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


相关文章

网友评论

      本文标题:angular4.x 如何动态组装一个class的样式

      本文链接:https://www.haomeiwen.com/subject/uyimdqtx.html