在 Angular 中更改 *ngFor 中的类

【问题标题】：Change classes in *ngFor in Angular在 Angular 中更改 *ngFor 中的类
【发布时间】：2018-01-13 23:09:33
【问题描述】：

我设法应用了这个 *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>

【问题讨论】：

【解决方案1】：

为ngFor 使用ng-container，然后使用ngClass 设置基于for 循环的类：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：