ionic2 - ionic 2：放大离子幻灯片

Question

我正在开发一个电子商务项目，在产品详细信息页面中，我有一个带有产品图像的滑块。在该用户可以缩放该图像。

我的html代码

  <ion-slides pager="true" style="height:45%" zoom> <ion-slide *ngFor="let slide of selProd.productImages"> <img src="{{slide.image}}"> </ion-slide> </ion-slides>

但是当我尝试通过捏合或双击来缩放图像时。它给了我错误：

swiper-zoom.js:364 Uncaught TypeError: Cannot read property 'getAttribute' of null
    at toggleZoom (swiper-zoom.js:364)

谢谢你。

Answer 1

更新

在 img 标签和 ion-slide 标签之间添加带有 div 标签的类 swiper-zoom-container 解决了这个问题。

前任。：

<ion-slides pager="true" style="height:45%" zoom>
<ion-slide *ngFor="let slide of selProd.productImages">
  <div class="swiper-zoom-container">
    <img src="{{slide.image}}">
  </div>
</ion-slide>