ionische 2: Zoom in ionische Folien

Question

Ich entwickle ein Projekt für E-Commerce, und in der Produkt-Detailseite habe ich einen Schieberegler mit Produktbildern. In diesem Benutzer kann das Bild zoomen.

mein HTML-Code

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

aber wenn ich versuche Bild zu vergrößern durch Quetschung oder doppelt antippen. es gibt mir Fehler:

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

Vielen Dank.

Answer 1

UPDATE

Klasse swiper-Zoom-Container mit div-Tag in Tag zwischen img Hinzufügen und Tag-Ion-slide lösten das Problem.

Bsp .:

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