JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://code.angularjs.org/1.4.8/angular.js"></script>
<div ng-app="myApp" ng-controller="myVm">
<div ng-repeat="d in dataArray">
{{d.data}}
</div>
</div>
JavaScript
angular.module("myApp",[]);
angular.module("myApp").controller("myVm", function($scope, $http, $q, $httpParamSerializer) {
var vm = $scope;
var data = [{a:1},{a:9},{a:7}];
var promiseArray = [];
for (var i = 0; i < data.length; i++) {
console.log($.param(data[i]));
var dataPromise = $http.post('https://httpbin.org/post', $httpParamSerializer(data[i]))
.then (function (response) {
console.log(response);
//return data for chaining
return response.data;
})
;
promiseArray.push(dataPromise);
}
$q.all(promiseArray).then(function (dataArray) {
vm.dataArray = dataArray;
//process results here
}).catch (function (errorResponse) {
//log error
});
})