宜宾网站建设公司

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}}
            

            
              
                
                  
                

                
                  
                

                
                  
                

                
                  
                
              
                                                                                                                                  
  •                                                                                                                                                                                          
    •                     
  •                                                                                                                                                                                          
    •                     
  •                                                                                                                                                                                          
    •                                    
                  
                                                      
                

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

    以上是“angular中如何动态删除ng-repaeat添加的dom节点”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联网站建设公司行业资讯频道！

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


    网站名称：angular中如何动态删除ng-repaeat添加的dom节点-创新互联
    标题路径：http://ybzwz.com/article/ioodh.html

    其他资讯