angular中如何动态删除ng-repaeat添加的dom节点-创新互联

这篇文章主要为大家展示了“angular中如何动态删除ng-repaeat添加的dom节点”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“angular中如何动态删除ng-repaeat添加的dom节点”这篇文章吧。

成都创新互联，专注为中小企业提供官网建设、营销型网站制作、响应式网站开发、展示型网站建设、成都网站建设等服务，帮助中小企业通过网站体现价值、有效益。帮助企业快速建站、解决网站建设与网站营销推广问题。

具体如下：

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

angular中如何动态删除ng-repaeat添加的dom节点

html代码如下:


  
    
    
      
        
          
          
            姓名
            学历
            专业

            
              
              工作时间
            
            工作经历

            
          
          

          
          //通过ng-repeat迭代创建dom
            
              {{x.name}}
            
            {{x.education}}
            {{x.major}}
            {{x.workYear+'年'}}

            
              {{x.workExperience}}

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);//截取数组，删除当前行 }); } });

新网创想网站建设，新征程启航

angular中如何动态删除ng-repaeat添加的dom节点-创新互联

其他资讯