ionic 2: увеличение ионных слайдов

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

ОБНОВИТЬ

Добавление класса swiper-zoom-container с тегом div между тегом img и тегом ion-slide решило проблему.

Напр.:

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