如何使用angular1將圖像顯示在正面/背面？

Question

我想以這樣一種方式實現，即當我們單擊圖像時，所選圖像應顯示在前面，其餘圖像應隱藏在所選圖像的後面。

我已經得到了使用jquery實現的類似功能的代碼參考。

Click on image to move to front?

請讓我知道如何可以用角或使用普通的JavaScript來實現？

Answer 1

使用普通的JavaScript：

let images = document.getElementsByClassName('myclass'); 
    Array.prototype.forEach.call(images, (img) => img.addEventListener('click', function() { 
     Array.prototype.forEach.call(images, (img) => img.style.zIndex = 0); 

     this.style.zIndex = 100; 
    }));