无法通过API响应/访问循环变量进行循环

Question

我试图建立一个简单的Twitter提要应用程序，但我很难实现刷新功能。

    $scope.refreshTimeline = function() {
  for (x = 0; x < $scope.tweetsarray.length; x++){ // loop through the twitter feeds
    twitterService.getLatestTweets($scope.tweetsarray[x].name).then(function(data) {
      $scope.tweetsarray[x].tweets = data; //update each
    });
  }
}

以及getlatesttweets函数

getLatestTweets: function (name) {
        //create a deferred object using Angular's $q service
        var deferred = $q.defer();

        var promise = authorizationResult.get('https://api.twitter.com/1.1/search/tweets.json?q='+name+'&count=8').done(function(data) {
            //when the data is retrieved resolved the deferred object
            deferred.resolve(data)
        });
        //return the promise of the deferred object
        return deferred.promise;
    }

这就是我遇到的问题

1） 中的x（全局变量，未在任何其他位置使用）的值。然后（函数（数据）似乎与循环中的其他任何地方不同，并且似乎没有增加。我尝试使用$scope.x或将其作为循环中的函数变量。如果我在tweetsarray中将其硬编码为仅刷新[0]，则刷新有效，但[x]返回一个单独的值。

2） 我猜尝试循环通过一个延迟promise的函数会有一些问题。是否有一种方法可以确保在每次通过循环时，promise都会在继续之前返回？

谢谢，谢谢你的帮助！

-戴夫

Answer 1

你可以做这样的事

 $scope.refreshTimeline = function() {
   for (x = 0; x < $scope.tweetsarray.length; x++){ // loop through the twitter feeds
      var data;
      data.tweet = $scope.tweetsarray[x];
      twitterService.getLatestTweets($scope.tweetsarray[x].name).then(function(data) {
      $scope.tweetsarray[$scope.tweetsarray.indexof(data.tweet)].tweets = data; //update each
    });
   }
 }

这意味着，将数组元素传递给异步任务，它在响应中返回，然后使用它查找数组索引并更新元素

Answer 2

由于javascript的闭包行为，它将在从服务回调时获取最新的x值。所以试着这样做。

 $scope.refreshTimeline = function() {
  for (var x = 0; x < $scope.tweetsarray.length; x++){ 
    storeTweets(x);       
  }
 }

 function storeTweets(x){
    twitterService.getLatestTweets($scope.tweetsarray[x].name).then(function(data) {
      $scope.tweetsarray[x].tweets = data; //update each
    });
 }