javascript - 在Angular中由Javascript动态创建的按钮上调用jQuery函数

Question

我在 Angular 中使用 JavaScript 在调用函数时自动将新行添加到功能中，这是在 HTML 加载后完成的。

在表格的每一行中都有一个包含一个按钮的单元格。

我想在动态创建的按钮上使用 jQuery，但由于它们不是初始 HTML 的一部分，所以永远不会调用 jQuery 函数。

我尝试使用所有 Angular 生命周期钩子来查看它们中的任何一个是否可以工作，但没有一个可以工作。

这是单击按钮时我想运行的 jQuery 示例：

$( ".deleteButton" ).on("click",function() {
    alert("this is a button button");
    });

这是我的按钮创建方式的 JavaScript

var deleteButton = document.createElement('button');
     deleteButton.innerHTML = 'Delete';
     deleteButton.type = "button"; 
     deleteButton.className = "deleteButton";

cell4.append(deleteButton);

table.append(row);

我将不胜感激有关此的任何帮助！

标签： javascripthtmljqueryangularjsangular