如何使用 angular1 使图像在单击时显示正面/背面?

Question

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

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

点击图片移动到前面？

请让我知道如何使用 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;
}));