アレイを通るイオン/角度の問題がある

Question

ngForにいくつかの問題があります。他の質問から私の解決策を見つけることができません。

私の現在のコードはこれです：

<ion-list *ngIf="items.length"> 
<ion-item-sliding style="background-color: #ff2d85" #item> 
<ion-item *ngFor="let item of items; let i = index"> 
<ion-avatar item-start><img src="../../assets/imgs/{{item.prodAvatar}}"> 
</ion-avatar> 
<h2 id=prod{{i}}Title>{{item.prodTitle}}</h2> 
<h3 id=prod{{i}}Desc>{{item.prodDesc}}</h3> 
<p id=prod{{i}}Little>{{item.prodLittle}}</p> 
<button id="bt{{i}}" ion-button outline item-end class="listbutton" 
(click)="cart([i])"><ion-icon name="basket"></ion-icon></button> 
</ion-item> 
<ion-item-options side="right"> 
<button ion-button expandable></button> 
</ion-item-options> 
</ion-item-sliding> 
<ion-item> 
    <button ion-button>NEW PAGE</button> 
    <button ion-button secondary menuToggle>MENU</button> 
    <button (click)="openVibrate()" ion-button>VIBRATE</button> 
    <button (click)="openCamera()" ion-button>CAMERA</button> 
</ion-item> 
</ion-list> 

これは、リスト上のスライダは唯一のスライディング要素として明らかであるこのリストの最初のオブジェクト、上をスライドするという問題を除いて、私のデータの罰金を表示しますforループの外側です。しかし、<ion-item-sliding>にngForを配置すると、{{i}}を使用するすべてのデータが残っていますが、{{item.anything}}を使用しているデータは空になります。

ソリューションは、一日として明確かもしれないが、私はそれが

が

は、誰もが任意の洞察力を提供することができているものを見ることができませんか？

Answer 1

ngForをion-item-slidingタグに使用する必要があります。

<ion-item-sliding *ngFor="let item of items; let i = index" style="background-color: #ff2d85" #item1>