离子 2 图像弹出(角度 2 动态绑定)

Question

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

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

Answer 1

无需使用 jQuery ，可以将事件绑定到检索到HTML的容器上，例如：

<div (click)="clickHandler($event.target)">
 <!-- retrieved HTML here -->
</div>
clickHandler(e: HTMLElement){
    console.log(e); // here is the element which has been clicked  
}

如果您想在全屏弹出窗口中打开图像，您可以使用 文件打开器 插件 ，它将在本机查看器中打开