Angular ionic2在离子列表中分配值和增量值

Angular ionic2在离子列表中分配值和增量值,angular,ionic2,Angular,Ionic2,我需要在ionic2中的类名中赋值并增加值。 下面是我的代码。class=styles{{}需要增加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 }

我需要在ionic2中的类名中赋值并增加值。 下面是我的代码。class=styles{{}需要增加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>
您可以添加let i=索引;到您的*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>

i值应该是什么,它应该是列表的当前索引?否,它不是索引值。需要设置静态循环我需要分配i值并增加该值,例如i=0;我i++;i=10时如何设置条件;然后i值需要重置为i=1;