2016-12-13 9 views
1

Ionen abgewinkelte Ausführung ist 2.0.0-rc.2Ionic2 Ion-item-Schiebe arbeitet nicht mit * ngFor dynamische Liste

wenn ich entfernen * ngFor, eine statische Liste mit stattdessen es funktioniert gut. Das Folgende ist das Code-Snippet.

<ion-list> 
    <ion-item-sliding *ngFor="let item of items"> 
     <ion-item> 
      <h2>{{item.subject}}</h2> 
     </ion-item> 
     <ion-item-options side="right"> 
      <button ion-button color="primary"> 
       <ion-icon name="mail"></ion-icon> Email 
      </button> 
     </ion-item-options> 
    </ion-item-sliding> 
</ion-list> 
+0

zeigt es einen Fehler? –

+0

@SurajRao kein Fehler. Scheint, jemand hat das gleiche Problem. https://github.com/driftyco/ionic/issues/9095 – Bing573

Antwort

0

Ich bemerke Problem mit Ionen item-Schiebe-, wenn Rutsche, nicht slided Artikel halten, ermöglicht es so nicht Ion-item-Optionen Taste

0

Der obige Code wird getestet und schließlich ausgeführt wird, klicken erfolgreich mit dynamischen Daten von außen.

Das Problem ist, dass, wenn Element ruft, fügen Sie einfach den kleinen Code. asynchrone Pipe nach der Schleife.

Der letzte Code wird ....

<ion-list> 
     <ion-item-sliding *ngFor="let item of items | async"> 
      <ion-item> 
       <h2>{{item.subject}}</h2> 
      </ion-item> 
      <ion-item-options side="right"> 
       <button ion-button color="primary"> 
        <ion-icon name="mail"></ion-icon> Email 
       </button> 
      </ion-item-options> 
     </ion-item-sliding> 
    </ion-list> 

Hoffentlich wird Above Code funktionieren.

+0

Das hilft nicht ... zumindest in meinem Fall. – shaneparsons

+0

@shane, entfernen Sie 'async' dann schauen Sie sich um – fifth