2017-01-23 58 views
0

我有一個網格視圖佈局。當用戶按下任何圖像時,我需要顯示彈出窗口。該特定圖像應顯示爲彈出。如何通過點擊任何特定的圖像彈出顯示圖像

我的代碼顯示網格視圖圖片:

<div ng-repeat="eventimgs in MediaURL"> 

    <div class="row" ng-if="$even"> 

     <div class="col col-50"><img ng-src="{{MediaURL[$index]}}" style="width: 100%;height: 217px;object-fit: cover;" /></div> 

     <div class="col col-50"><img ng-src="{{MediaURL[$index + 1]}}"style="width: 100%;height: 217px;object-fit: cover;"/></div> 
    </div> 

</div> 
+0

使用UI引導模式。點擊圖片時,您可以傳遞圖片ID並顯示。 https://angular-ui.github.io/bootstrap/#/modal –

+0

@Manikandan我是新來的離子。通過onclick函數我不知道如何通過seelcted圖像的ID和顯示彈出 –

+0

這可能會有所幫助https://devdactic.com/images-videos-fullscreen-ionic/ –

回答

相關問題