首页 文章

在Angular中更改* ngFor中的类

提问于
浏览
2

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

2 回答

  • 1

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

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

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

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

相关问题