ionic2イオンリストに値とインクリメント値を割り当てます

Question

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> 

Answer 1

あなたはアイテムのノーを反復するために、あなたの*ngForにlet i = index;を追加することができます。

<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>