根据 angular ngFor 中的索引设置动态 class

Question

我正在尝试为 ngFor 中的元素设置 class，但更改并未反映出来，因为此 class 声明 class="car-title{{index}}" 似乎不起作用。

根据ngFor.

中的索引值需要显示的汽车标题，我已经给出了如下所示的等效颜色

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

笨蛋 link here

Answer 1

用户class绑定

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

或

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

根据 angular ngFor 中的索引设置动态 class

Set dynamic class based on index in angular ngFor

ngfor

angular