如何使用 AngularJS 从 DOM 中删除 HTML 元素？

这里的任务是在 AngularJS 的帮助下从 DOM 中删除特定元素。

方法：这里首先我们选择要删除的元素。然后我们使用remove() 方法删除该特定元素。

示例 1：这里 class(‘p’) 的元素已被删除。

  

    
    
  

        var myApp = angular.module("app", []);
        myApp.controller("controller", function ($scope) {
            $scope.removeEl = function () {
                var el = angular.element(
                    document.querySelector('.p'));
                el.remove();
            };
        });
    
    
        .p {
            border: 1px solid black;
        }
    

  

    
        GeeksForGeeks
    
    
        Remove a HTML element from DOM
    
    
        
            This is paragraph
            
        
    

  
        

输出：

示例 2：这里 Id(‘p’) 的元素已被remove() 方法删除。

  

    
    
  

        var myApp = angular.module("app", []);
        myApp.controller("controller", function ($scope) {
            $scope.removeEl = function () {
                var el = angular.element(
                    document.querySelector('#div'));
                el.remove();
            };
        });
    
    
        #div {
            height: 50px;
            width: 100px;
            margin: 0 auto;
            background: green;
            color: white;
        }
    

  

    
        GeeksForGeeks
    
    
        Remove a HTML element from DOM
    
    
        
            Element
            
            
        
    

  
       

输出：