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