Ionic framework 离子2:列表中的项目对单击响应缓慢

Ionic framework 离子2:列表中的项目对单击响应缓慢,ionic-framework,ionic2,Ionic Framework,Ionic2,我正在构建一个Ionic 2应用程序,它有一个带有点击事件的s。在使用加载页面时,单击事件会在几秒钟后变为活动和可点击。在页面加载几秒钟后,点击这些项目才生效 我在列表中只有几个项目,并尝试使用virtualScroll列表,但没有效果 这可能是什么原因造成的?我已经找到了解决这种反应迟钝的办法。不要使用离子项目,而是使用设置了tappable和离子项目属性的标记 下面的代码显示了修复程序 <ion-list [virtualScroll]="news"> <div t

我正在构建一个Ionic 2应用程序,它有一个带有点击事件的s。在使用加载页面时,单击事件会在几秒钟后变为活动和可点击。在页面加载几秒钟后,点击这些项目才生效

我在列表中只有几个项目,并尝试使用virtualScroll列表,但没有效果


这可能是什么原因造成的?

我已经找到了解决这种反应迟钝的办法。不要使用离子项目,而是使用设置了tappable和离子项目属性的标记

下面的代码显示了修复程序

<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发布解决方案,而且这个问题可能与tappable与IonicModule一起使用有关。forRootMyApp,{pageTransition:'md transition'},注意:您不必使用divs,只要添加tappable属性,您仍然可以使用ion项。我使用了相同的代码,但出现了以下错误:Uncaught TypeError:无法在VirtualScroll.readUpdate上将属性“length”设置为null。请告诉我您是如何初始化新闻数组的。请看我的问题: