如何在ng repeat中删除/添加html标记

Question

是否可以在javascript中动态地移除/添加html标记和条件？

https://jsfiddle.net/kimsoon/Ldy9xhjt/3/

示例：单击按钮时，我需要删除第2列的数字，单击按钮时再次插入。我用过这个，但不起作用。

angular.element(document).find('.dataTable tfoot').remove($scope.items);///to remove
angular.element(document).find('.dataTable thead').prepend($scope.items);//to add

Answer 1

根据angular.element().find():上的Angular文档

注意：请记住，此函数不会按标记查找元素名称/CSS选择器。对于按标记名称查找，请改为尝试angular.element(document).find(...)或$document.find()，或使用标准DOM API，例如document.querySelectorAll()。

因此，angular.element(document).find(...)只能通过标记名而不是类名进行查找。因此，您的代码不起作用，因为.find()没有返回您期望的元素(实际上它没有返回任何元素(。

使用DOM方法getElementsByClassName选择使用类名：

const dataTable = angular.element(document.getElementsByClassName("dataTable"));

然后，您可以对包裹的角度dataTable元素进行预处理或移除：

dataTable.remove($scope.items); //to remove
dataTable.prepend($scope.items); //to add