Angularjs循环trought $ http.post [英] Angularjs loop trought $http.post

问题描述

当我通过$ HTTP POST服务Angularjs循环

When I loop through the $http post service for Angularjs

for (var i = 0; i < $scope.tagStyles.length; i++) {
  $scope.profilTag.tag = $scope.tagStyles[i].id_tag;
  $scope.profilTag.texte = $scope.tagStyles[i].style ;
  $scope.profilTag.profil = lastDocId;

  $http.post('/ajouterProfilTag',$scope.profilTag) 
  .success(function(data){ 
    if (data=='err'){ 
      console.log("oops"); 
    }     
  });
};

我得到的只是最后的元素在我的数据库。有什么事情涉及到异步调用？

I get just the last element in my database. Is it something related to asynchronous call ?

推荐答案

的$ HTTP服务实际上不会发送，直到下一个$摘要的请求（）被执行。

大概是什么情况是$ scope.profilTag正在通过引用传递至$ HTTP和只发送一个$消化后。您覆盖参考每次迭代，这就是为什么你只能用你的最后一个项目就走了。

What probably happens is that $scope.profilTag is being passed by reference to $http and only being sent after a $digest. You override that reference each iteration and that's why you only left with your last item.

请注意，功能具有范围但环不要！

Be aware that functions has scopes but for loops don't!

$scope.tagStyles.forEach(function(item){
  var profilTag = {
    tag: item.id_tag,
    texte: item.style,
    profil: lastDocId,
  };

  $http.post('/ajouterProfilTag',profilTag) 
  .success(function(data) { 
    if (data=='err'){ 
      console.log("oops"); 
    }
  });

});

这篇关于Angularjs循环trought $ http.post的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！