Как удалить / добавить тег html в ng-repeat

Question

возможно ли удалить / добавить тег html динамически с условием в javascript?

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 на angular.element().find():

Примечание: имейте в виду, что эта функция не будет находить элементы по имени тега / селектор CSS , Для поиска по имени тега попробуйте вместо angular.element(document).find(...) или $document.find() или используйте стандартные API DOM, например, document.querySelectorAll().

Таким образом, angular.element(document).find(...) может использоваться только для поиска по имя тега не имя класса . Следовательно, ваш код не работает, потому что ваш .find() не возвращает ожидаемых элементов (фактически, он не возвращает).

Используйте метод DOM getElementsByClassName, чтобы выбрать с помощью класса имя:

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

Затем вы можете выполнить предварительные расчеты или удаления для обернутого angular dataTable элемента:

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