我正在構建一個帶有(點擊)事件的<ion-list>
和<ion-item>
s的Ionic 2應用程序。在使用<ion-list>
加載頁面時,<ion-item>
點擊事件變爲活動和可點擊需要幾秒鐘的時間。直到頁面加載後幾秒,點擊項目纔會生效。Ionic 2:列表中的項目響應速度很慢
我只有列表中的一些項目,並嘗試使用virtualScroll列表,但沒有效果。
這可能是什麼原因?
我正在構建一個帶有(點擊)事件的<ion-list>
和<ion-item>
s的Ionic 2應用程序。在使用<ion-list>
加載頁面時,<ion-item>
點擊事件變爲活動和可點擊需要幾秒鐘的時間。直到頁面加載後幾秒,點擊項目纔會生效。Ionic 2:列表中的項目響應速度很慢
我只有列表中的一些項目,並嘗試使用virtualScroll列表,但沒有效果。
這可能是什麼原因?
我已經想出瞭解決這個問題的方法。使用<div>
標籤而不是使用離子項目,而使用tappable
和ion-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>
+1發佈的解決方案,也可以討論這個問題https://github.com/driftyco/ionic/issues/5838 – sameera207
tappable與IonicModule.forRoot(MyApp,{ pageTransition:'md-過渡' }), –
注意:您不必使用div,只要添加'tappable'屬性即可繼續使用ion-item。 – thewildandy
原因可能是多,你可以提供一個代碼片段? – Gp2mv3
我已經想出了一個修復。請參閱下面的答案。謝謝。 –