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