Javascript 如何使用angular1使图像在单击时前后显示？

我想以这样一种方式实现：当我们单击图像时，所选图像应显示在前面，其余图像应隐藏在所选图像后面

我已经获得了使用jquery实现的类似功能的代码参考

---

请告诉我如何使用Angular或普通javascript完成此操作？

使用普通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;
    }));

---

使用ng样式更改图像的z索引，使其在单击时显示在前面。很高兴为您提供帮助