ionic 2：放大离子幻灯片答案

【问题标题】：ionic 2: Zoom in ionic slidesionic 2：放大离子幻灯片
【发布时间】：2017-12-05 19:00:22
【问题描述】：

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

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

谢谢。

【问题讨论】：

标签： ionic2 ion-slides

【解决方案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>

【讨论】：