Мое приложение имеет элемент div
, который содержит элемент ion-slides
.
ion-slides
имеет число ion-slide
, которое скользит по горизонтали. Ниже мой код
<ion-content [scrollEvents]="true">
<div *ngFor="let item of (homePageSalons | async)">
<ion-list-header class="ion-text-center">{{ item.name }}</ion-list-header>
<ion-slides [options]="slideOptions">
<ion-slide *ngFor="let salonItem of item.salons">
<ion-card>
<ion-card-content>
<ion-img [src]="salonItem.logo_url" *ngIf="salonItem.logo_url != 'N/A'" ></ion-img>
<p class="ion-text-center">{{salonItem.name}}</p>
<p class="ion-text-center">{{salonItem.address}}</p>
<ion-button (click)="navigateToDetailsPage(salonItem.salon_id)" class="ion-text-center" expand="block" shape="round"
size="medium">Book Now</ion-button>
</ion-card-content>
</ion-card>
</ion-slide>
</ion-slides>
</div>
</ion-content>
Вертикальная и горизонтальная прокрутка отлично работает на android телефоне.
Проблема: Вертикальная и горизонтальная прокрутка не работает на всех iPhone , Что может быть не так?
Версии программного обеспечения:
ioni c -рамка - 5x
Angular - 9,0,5