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://scyanting.com/article/ioodh.html

    其他资讯