Angularjs使用之前的结果迭代$ http休息调用

Question

在迭代数组时调用$ http资源时，由于在locationService结果返回之前更新了i变量，因此locations数组变得不一致。

homeService.get($scope.name).then(function (homes) {
    for (var i = 0; i < homes.length; i++) {
        locationService.get(homes[i]).then(function (result) {
            locations.push(result);
        });
    }
});

如何实现迭代数组进行$ http调用并在locationService结果后更新i变量？这样就可以一致地更新位置数组。