Ionic2 离子2列表避免在滚动时意外单击

在iOS 10设备的以下联系人列表中，在无限滚动angular2+Meteor+Ionic2应用程序时，多次触发单击事件并显示联系人详细信息页面

  <ion-content class="contacts-page-content">
    <ion-list>
      <button ion-item *ngFor="let contact of contacts | async" (click)="showContactDetails(contact)" text-wrap class="contacts">
          <ion-avatar item-left>
            <img[src]="contact.picture">
          </ion-avatar>
          <h2 class="contact-name">{{contact.firstName}} {{contact.lastName}}</h2>
          <h4 ion-text color="grayText">{{contact.jobTitle}}</h4>
          <h3 class="contact-supplier" *ngIf="contact.supplierName">{{contact.supplierName}}</h3>
      </button>
    </ion-list>
    <ion-infinite-scroll (ionInfinite)="pullMoreContacts($event)">
           <ion-infinite-scroll-content
          loadingSpinner="bubbles"
          loadingText="Loading more contacts...">
          </ion-infinite-scroll-content>
    </ion-infinite-scroll>   
  </ion-content>

{{contact.firstName}{{contact.lastName}}
{{contact.jobTitle}
{{contact.supplierName}

是否可以避免在滚动时单击？非常感谢您的帮助

谢谢。

检查爱奥尼亚2的手势。 试一试

（轻触）=显示联系人详细信息（联系人）

---

不要单击。

谢谢您建议（点击）。它减少了意外点击。但在无限滚动几下之后，联系人详细信息页面仍然会显示出来，而无需点击。在滚动过程中，是否有禁用选项卡或单击的方法？非常感谢您的帮助。我尝试了（点击）=“showContactDetails（contact）；$event.StopperPagation（）；”它似乎禁用了点击，并且没有显示联系人详细信息页面。我还尝试在showContactDetails函数中添加return false。但它无法解决报告中的问题。在android设备上进行测试时，报告的问题并不存在。你想让我尝试其他修复吗？Tap引入了另一个问题，基本上在Android上，因为Tap滚动被冻结：