Question

我正在构建一个Ionic 2应用，其<ion-list>带有<ion-item> s（点击）事件。在使用<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>

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

1 个答案: