イオン2：イオンスライドを拡大

Question

私は電子商取引のためのプロジェクトを開発しています。商品詳細ページには、商品画像を持つ1つのスライダーがあります。そのユーザはその画像をズームすることができる。

私の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) 

ありがとう。 imgタグとイオンスライドタグとの間でのdivタグとクラスswiperズームコンテナを追加

Answer 1

UPDATE

は、問題を解決しました。

例：

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