如何使用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
            
            
        
    

  
       

输出：