Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ionic framework ionic 4/5问题与Ionion幻灯片和modal_Ionic Framework_Ionic4_Ionic5_Swiperjs - Fatal编程技术网

Ionic framework ionic 4/5问题与Ionion幻灯片和modal

Ionic 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

我试图显示一个图像预览使用离子幻灯片内的离子模式。但缩放功能不起作用。我添加了幻灯片选项。但不起作用。随后,缩放功能将与普通页面一起使用

第二个问题BackDropDisclose:单击背景时为true而不是关闭模式

这是密码

page.html

<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();
  }