在 Angular 中更改 *ngFor 中的类

Question

我设法应用了这个 *ngFor，它正在工作：

<div class="dummy__1" *ngFor="let item of dummy.pic; let i = index"></div>

如何更改 class="dummy_1" 以生成如下所示：

<div class="dummy__1"></div>
<div class="dummy__2"></div>
<div class="dummy__3"></div>

Answer 1

您可以为 class 使用字符串插值：

class="'dummy__' + {{i + 1}}"

Answer 2

对 ngFor 使用 ng-container，然后使用 ngClass 根据 for 循环设置 class：

<ng-container *ngFor="let item of dummy.pic; let i = index">
  <div [ngClass]="'dummy__' + i"></div>
</ng-container>

Change classes in *ngFor in Angular