在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

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

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

Answer 2

您可以为您的班级使用字符串插值：

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