Итерация через массив объектов с использованием геофир и firebase

Question

Я пытаюсь перебрать массив объектов (сообщений). Внутри цикла находится запрос к базе данных geofire (gf.get()). Он извлекает местоположение gps определенного ключа. Затем данные переносятся в массив.

var posts = PostsData.getPosts();  

    $scope.$watch($scope.active, function() { 
     $timeout(function() { 
    var markers = []; 

    for (var key in posts) { 
     var post = posts[key]; 
     if (posts.hasOwnProperty(key) && posts[key]!=null) { 
     gf.get(key).then(function(location) { 
     console.log(post.title); 
     console.log(key); 
     markers.push({ 
      idKey: key, 
      title: post.title, 
      coords: { 
      latitude: location[0], 
      longitude: location[1] 
      } 
     }) 
     }) 
    $scope.markers = markers; 
    } 
    } 
}) 

})

Выход из следующего кода ....

 console.log(post.title); 
     console.log(key); 

тот же ключ и титул снова и снова, что не является представителем плюсов данных " сообщений "(ключ и названия уникальны).

Я считаю, что моя проблема связана с плохим пониманием асинхронного вызова, обещаний и т.д.

Любая помощь будет оценена.

Answer 1

Это потому, что вы находитесь $scope.markers = markers;, прежде чем все вызовы будут выполнены. Вам нужно позвонить $q.all для того, чтобы ждать, пока все обещания:

var p = gf.get(key).then(function(location) { 
    return ({ 
     idKey: key, 
     title: post.title, 
     coords: { 
     latitude: location[0], 
     longitude: location[1] 
     } 
    }); 
}); 
markers.push(p); 

А потом, ждать всех запросов и выполнить ваше дополнение:

$q.all(markers).then(function(markers) { 
    $scope.markers = markers; 
}); 

Вы можете использовать Array.prototype.map, чтобы сохранить «создать пустой массив, а затем добавьте «часть.