Ionic2 离子2：放大离子幻灯片

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

我的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>

谢谢。

更新

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

例：

更新

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

例：

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

<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>