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标签和离子滑动标签之间添加带有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>

离子2：放大离子载玻片

1 个答案: