离子2:列表中的项目响应点击缓慢

Question

我建立具有一个离子2应用程序<ion-list>与<ion-item>使用(点击)事件秒.在加载页面时,点击事件变为活动和可点击状态<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>