基于角度ngFor中的索引设置动态类

Question

我正在尝试为ngFor中的元素设置类，但更改未反映，因为此类声明class="car-title{{index}}"似乎无效。

根据ngFor内的索引值，我已根据需要显示的汽车标题给出了如下所示的等效颜色。

                .car-title1 {
                    color: blue;
                }
                 .car-title2 {
                    color: red;
                }
                .car-title3 {
                    color: green;
                }

Plunker链接here

Answer 1

用户类绑定

[class]="'car-title'+(index+1)"

Answer 2

正确的方法是使用ngClass

*ngFor="let item of items; let i = index"

[ngClass]="'car-title'+ i"

Answer 3

工作正常

*ngFor="let item of items; let i = index"

[class]="'car-title'+(i+1)"

OR

[ngClass]="'car-title'+ i"