ionic2 - Ionic Photoviewer - 如何使用？

Question

我是 Ionic 2 的初学者，我想知道您如何使用 Ionic 框架中的 Photoviewer 功能。（可在此处获得：官方网站）

它说 ：

用法

import { PhotoViewer } from '@ionic-native/photo-viewer';

constructor(private photoViewer: PhotoViewer) { }

...

this.photoViewer.show('https://example.com/path/to/image.jpg');

this.photoViewer.show('https://example.com/path/to/image.jpg', 'My image title', {share: false});

但是我需要把它放在哪里？在一个函数中？该函数将如何被调用？

谢谢大家。

Answer 1

您可以创建一个函数，如

zoomImage(imageData) {
      this.photoViewer.show(imageData);
  }

并在您的图像点击时调用此函数。

 <img src="/path/to/image.jpg" (click)="zoomImage('/path/to/image.jpg')"/>