javascript - javascript代码不会影响角度组件

Question

我有一个角度项目。我使用了一个模板来构建它，该模板有很多 javascript，特别是它有很多使用 javascript 的类。在我的一个组件中，我有这个 html 代码

<button class="how-pos3 hov3 trans-04 js-hide-modal1">
   <img src="../../../assets/images/icons/icon-close.png" alt="CLOSE">
</button>

这是模式的一部分，为了让它工作，我将 javascript 文件添加到 assets 文件夹中，并在 index.html 文件中为它们中的每一个添加了脚本标签。

(function ($) {
    "use strict";
/*[ Show modal1 ]*/
    $('.js-show-modal1').on('click',function(e){
        console.log("close");
        e.preventDefault();
        $('.js-modal1').addClass('show-modal1');
    });

    $('.js-hide-modal1').on('click',function(){
        console.log("open");
        $('.js-modal1').removeClass('show-modal1');
    });
})(jQuery);

这是 javascript 文件之一，假设每次我按下 html 代码中的按钮时，这段代码都会影响模式，但是当我按下按钮时没有任何反应。此外，我在控制台中检查了console.log("open");是否正在打印该行，并且我没有看到任何可能表明当我按下按钮时没有执行此功能的输出。你知道我该如何解决吗？

标签： javascriptangularangular6