Ionic 2リストがスクロール中に偶発的にクリックするのを避ける

Question

iOS 10デバイスの次の連絡先リストでは、無限のスクロールangle2 + 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> 

スクロールを避けることができますか？どんな助けでも大歓迎です。

ありがとうございました。

Answer 1

イオン2ジェスチャーについてはhereをチェックしてください。 代わりにクリックの

(tap)=showContactDetails(contact)

を試してみてください。