angular动态删除ng-repaeat添加的dom节点的方法

本文介绍了angular动态删除ng-repaeat添加的dom节点的方法，分享给大家供大家参考，具体如下：

通过点击删除按钮删除数据库信息以及当前行

html代码如下:

  
    
    
      
 //通过ng-repeat迭代创建dom
     

   

   

     
姓名
     
学历
     
专业

     


工作时间
     
     
工作经历

     

   
   

   

   

{{x.name}}
     
     
{{x.education}}
     
{{x.major}}
     
{{x.workYear+'年'}}

     

{{x.workExperience}}
     

     


  
    
  

  
    
  

  
    
  

  
    
  



  
    
      
    

    

      

 
   
     
   
 
      

      

 
   
     
   
 
      

      

 
   
     
   
 
      
    
  

     
   
   
 
      
    

    
  

js代码如下:

angular.controller('tables',function ($scope,$http) {
  $http({
    method: 'GET',
    url:'resumes/myResume/'+USER.id
  }).then(function success(rep) {
    $scope.jl=rep.data;
  });

  $scope._delete=function (idx) {
    $scope.id=$scope.jl[idx].id;
    $http({
      method:'DELETE',
      url:'resumes/'+$scope.id
    }).then(function success(rep) {
      $scope.jl.splice(idx, 1);//截取数组，删除当前行
    });
  }
});

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。