2017-02-23 51 views
1

В следующем списке контактов на устройстве iOS 10, делая бесконечное прокручивание углового2 + Meteor + Ionic2, многократно срабатывает событие щелчка и отображается страница сведений о контакте.Список Ionic 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> 

Есть ли в любом случае щелчок при прокрутке можно избежать? Любая помощь приветствуется.

Спасибо.

ответ

2

Проверить here для ионных 2 жестов. Попробуйте

(tap)=showContactDetails(contact)

вместо мыши.

+0

Спасибо за предложение (кран). Это уменьшило случайные клики. Но после нескольких бесконечных прокруток страница контактных данных по-прежнему отображается без крана. В любом случае отключить вкладку или щелкнуть во время прокрутки? – annadurai

+0

Вы пробовали event.stoppropagation() ;? –

+0

Большое спасибо за вашу помощь Suraj. Я попробовал (tap) = "showContactDetails (contact); $ event.stopPropagation();" он, кажется, отключает страницу с информацией о контакте и контакте, которая не отображается. Я также попытался добавить return false в функцию showContactDetails. Но это не устраняет проблему. Сообщаемая проблема не существует при тестировании на устройствах Android. Любое другое исправление, которое вы хотите, чтобы я попытался? – annadurai