Question

我需要在ionic2中分配和增加类名中的值。下面我有代码。类=＆＃34; {样式{}}＆＃34;需要增加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>

ionic2在离子列表中指定值和增量值

1 个答案: