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