如何使用angular1使图像在点击前后显示？

Question

我希望以这样的方式实现：当我们点击图像时，所选图像应该出现在前面，其余图像应该隐藏在所选图像的后面。

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

Click on image to move to front?

请告诉我如何使用Angular或使用普通的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;
    }));