如何使用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; 
    }));