Ionic 2: Einträge in der Liste reagieren langsam auf Klick

Question

Ich baue eine Ionic 2 App, die eine <ion-list> mit <ion-item> s mit (Klick) Ereignisse hat. Beim Laden der Seite mit der <ion-list> dauert es ein paar Sekunden, bis die <ion-item> Klickereignisse aktiv und tappbar werden. Das Tippen auf die Elemente hat erst einige Sekunden nach dem Laden der Seite Auswirkungen.

Ich habe nur ein paar Elemente in der Liste und habe mit der VirtualScroll-Liste versucht, aber ohne Wirkung.

Was könnte die Ursache dafür sein?

Answer 1

Ich habe eine Arbeit für diese Unempfänglichkeit herausgefunden. Anstatt einen Ionen-Gegenstand zu verwenden, benutze einen <div> Tag mit tappable und ion-item Attributen.

Der folgende Code zeigt das Update anstelle

<ion-list [virtualScroll]="news"> 
    <div tappable ion-item *virtualItem="let n" text-wrap (click)="openNews(n)"> 
     <ion-row> 
     <ion-col width-20> 
      <img *ngIf="n.thumbnail" [src]="n.thumbnail"> 
     </ion-col> 
     <ion-col width-80 text-wrap> 
      <h2>{{n.post_title}}</h2> 
      <p [innerHTML]="n.post_excerpt"></p> 
      </ion-col> 
     </ion-row> 
    </div> 
    </ion-list>