2017-05-09 52 views
1

在我的離子2應用程序中,我有一些HTML,我從服務器拉。我希望如果用戶點擊<img />,那麼它應該在全屏彈出窗口中顯示圖像。離子2圖像彈出(角2動態綁定)

我該如何做 - 基本上,在動態生成的內容中添加一個ng-click到所有img標籤?我能想到的是使用jQuery的唯一途徑...

回答

2

無需使用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 
} 

,如果你想打開全屏彈出窗口中的圖像,您可以使用FileOpener plugin,並且它將在本機查看器中打開