離子2列表避免滾動時意外點擊

在iOS 10設備中的以下聯繫人列表中，在做無限滾動angular2 +流星+ Ionic2應用程序時，很多次點擊事件被觸發，並且顯示聯繫人詳細信息頁面。離子2列表避免滾動時意外點擊

<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>

反正有滾動可以避免點擊嗎？任何幫助是極大的讚賞。

謝謝。

來源

2017-02-23 annadurai

檢查here離子2手勢。嘗試

(tap)=showContactDetails(contact)

，而不是點擊。

來源

2017-02-23 06:42:01

感謝您提出（點擊）。它減少了意外點擊次數。但是在幾次無限滾動之後，聯繫細節頁面仍然無需點按即可顯示。無論如何禁用選項卡或滾動正在進行中點擊？ – annadurai

你嘗試過event.stoppropagation（）;？ –

非常感謝您的幫助Suraj。我試過（tap）=「showContactDetails（contact）; $ event.stopPropagation（）;」它似乎禁用了水龍頭和聯繫細節頁面沒有得到顯示。我也嘗試在showContactDetails函數中添加return false。但它不能解決報道的問題。在Android設備上測試時，報告的問題不存在。你想要我嘗試的任何其他修復？ – annadurai

離子2列表避免滾動時意外點擊

回答

相關問題