Ionic framework ionic 4/5问题与Ionion幻灯片和modal
我试图显示一个图像预览使用离子幻灯片内的离子模式。但缩放功能不起作用。我添加了幻灯片选项。但不起作用。随后,缩放功能将与普通页面一起使用 第二个问题BackDropDisclose:单击背景时为true而不是关闭模式 这是密码 page.htmlIonic framework ionic 4/5问题与Ionion幻灯片和modal,ionic-framework,ionic4,ionic5,swiperjs,Ionic Framework,Ionic4,Ionic5,Swiperjs,我试图显示一个图像预览使用离子幻灯片内的离子模式。但缩放功能不起作用。我添加了幻灯片选项。但不起作用。随后,缩放功能将与普通页面一起使用 第二个问题BackDropDisclose:单击背景时为true而不是关闭模式 这是密码 page.html <ion-slides [options]="slideOpts"> <ion-slide *ngFor="let p of products"> <img [src] = 'p.image_u
<ion-slides [options]="slideOpts">
<ion-slide *ngFor="let p of products">
<img [src] = 'p.image_url' tappable (click)="openPreview(p.image_url)">
</ion-slide>
</ion-slides>
modal.html
<ion-item class="close-fake" lines="none" text-center>
<ion-button (click)="close()" fill="clear" color="light">
<ion-icon name="close" slot="start"></ion-icon>
back
</ion-button>
<ion-slides [options]="sliderOpts">
<ion-slide>
<div class="swiper-zoom-container">
<img [src] ='image_url'>
</div>
</ion-slide>
</ion-slides>
在html中设置事件IonSlidesDiLoad=IonViewDiCenter和幻灯片以获取输入代码
@ViewChild("slides") slides!: any;
ionViewDidEnter(){
this.slides.update();
}
在html中设置事件IonSlidesDiLoad=IonViewDiCenter和幻灯片以获取输入代码
@ViewChild("slides") slides!: any;
ionViewDidEnter(){
this.slides.update();
}
有类似的问题,后来通过*ngIf将滑块添加到DOM中,解决了这个问题
这里的解决方案:也有类似的问题,后来通过*ngIf将滑块添加到DOM中解决了这个问题 解决方案如下:甚至不需要执行IonSlidesDiLoad。我刚刚添加了更新的调用,突然一切都恢复了…甚至不需要再进行IonSlidesDiLoad。我刚加了一个更新的电话,突然一切又恢复了。。。
@ViewChild("slides") slides!: any;
ionViewDidEnter(){
this.slides.update();
}