2016-11-23 53 views
0

我正在構建一個帶有(點擊)事件的<ion-list><ion-item> s的Ionic 2應用程序。在使用<ion-list>加載頁面時,<ion-item>點擊事件變爲活動和可點擊需要幾秒鐘的時間。直到頁面加載後幾秒,點擊項目纔會生效。Ionic 2:列表中的項目響應速度很慢

我只有列表中的一些項目,並嘗試使用virtualScroll列表,但沒有效果。

這可能是什麼原因?

+0

原因可能是多,你可以提供一個代碼片段? – Gp2mv3

+0

我已經想出了一個修復。請參閱下面的答案。謝謝。 –

回答

8

我已經想出瞭解決這個問題的方法。使用<div>標籤而不是使用離子項目,而使用tappableion-item屬性設置。

下面的代碼顯示在地方修復

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

+1發佈的解決方案,也可以討論這個問題https://github.com/driftyco/ionic/issues/5838 – sameera207

+0

tappable與IonicModule.forRoot(MyApp,{ pageTransition:'md-過渡' }), –

+1

注意:您不必使用div,只要添加'tappable'屬性即可繼續使用ion-item。 – thewildandy