I have this code :
markerClick(params: any) {
const marker: Marker = params[1] as Marker;
marker.hideInfoWindow();
this.service.getList().then(async (liste: any) => {
const modal = await this.modalController.create({
component: ModalComponent,
cssClass: 'map-modal',
componentProps: {
liste
}
});
return await modal.present();
});
}
and my modal component
export class ModalComponent implements OnInit {
@Input() campaigns;
slideOpts = {
slidesPerView: 1,
paginationType: 'fraction'
};
ngOnInit() {
}
constructor(
public navParams: NavParams,
public modalController: ModalController
) {
this.liste = navParams.get('liste');
}
closeModal() {
this.modalController.dismiss();
}
}
The html of modal :
<ion-header>
<ion-toolbar>
<ion-buttons slot="end">
<ion-icon icon="close" (click)="closeModal()">Close</ion-icon>
</ion-buttons>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-slides pager="true" [options]="slideOpts">
<ion-slide *ngFor="let list of liste">
<liste-app
[list]="list"
></liste-app>
</ion-slide>
</ion-slides>
The paginations is displayed only the first time when I open the modal, and I can navigate with swipe
between sliders. WHen I open next times the paginations dissaper and I can’t navigate swipe
mode. Very strange behaviour. I need to refresh the browser and after that will work, only for the first time. Have you an idea about that ? Thx in advance and sorry for my english. Any ideas ?