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节点”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联网站建设公司行业资讯频道！

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

重庆分公司，新征程启航

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

其他资讯