jquery - Ionic 2 图像弹出窗口(Angular 2 动态绑定(bind))

Question

在我的 Ionic 2 应用程序中，我有一些从服务器提取的 HTML。我希望如果用户单击 <img /> ，那么它应该在全屏弹出窗口中显示图像。

我该如何做到这一点——基本上，向动态生成的内容中的所有 img 标签添加 ng-click？我能想到的唯一方法是使用 jQuery...

Answer 1

无需使用jQuery，您可以将事件绑定(bind)到检索到的HTML的容器上，例如:

<div (click)="clickHandler($event.target)">
 <!-- retrieved HTML here -->
</div>

clickHandler(e: HTMLElement){
    console.log(e); // here is the element which has been clicked  
}

如果您想在全屏弹出窗口中打开图像，您可以使用 FileOpener plugin ，它将在 native 查看器中打开