Ionic 2：列表中的项目响应速度很慢

Question

我正在构建一个带有（点击）事件的<ion-list>和<ion-item> s的Ionic 2应用程序。在使用<ion-list>加载页面时，<ion-item>点击事件变为活动和可点击需要几秒钟的时间。直到页面加载后几秒，点击项目才会生效。

我只有列表中的一些项目，并尝试使用virtualScroll列表，但没有效果。

这可能是什么原因？

Answer 1

我已经想出了解决这个问题的方法。使用<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>