How to Remove HTML element from DOM using AngularJS ?

In this article, we will see how to remove particular HTML elements from the DOM with the help of AngularJS, along with understanding its implementation through the examples. For this, we can use the remove() method that helps to remove all the selected elements including all the text.

Syntax:

selectObject.remove();

Approach: Here first we select the element that we want to remove. Then we use the remove() method to remove that particular element.

Example 1: This example describes removing the HTML element from DOM in AngularJS. Here the element of class('p') has been removed.

Output:

Example 2: This example describes removing the HTML element from DOM in AngularJS. Here the element of Id('p') has been removed by the remove() method.

Output: