Ionic2分配值和增量值ION-list

Question

我需要在ionic2中的类名中分配和增量值。下面我有代码。class ="样式{{}}"需要增加i值。如何分配i变量并增加该值。

<ion-list *ngFor="let item of items" >
  <ion-card  ion-card (click)="successpage(item.title);" class="styles{{ i + 1 }}">
    <div class="card-title">{{ item.title }}</div>
    <div class="card-subtitle">{{ item.count }} Quotes</div> 
  </ion-card>
</ion-list>

Answer 1

您可以将let i = index;添加到*ngFor中以迭代项目。

<ion-list *ngFor="let item of items; let i = index" >
  <ion-card  ion-card (click)="successpage(item.title);" class="'styles{{ i + 1 }}">
    <div class="card-title">{{ item.title }}</div>
    <div class="card-subtitle">{{ item.count }} Quotes</div> 
  </ion-card>
</ion-list>