どのように（いくつかの$ http.getにアクセスする）とループのために使用して、配列にそれらの応答を保存し、アレイ

Question

私のコードにアクセスするには、以下のようなものです、

// calls only the API and return it 
s.getArchSales = function (url, qParam) { 
    // set the request object 
    var req = { 
     'method': 'POST', 
     'headers': securitySrv.header, // set the header 
     'url': url, 
     'data': qParam 
    } 
    return $http(req) 
} 

var portFolioMixArray = [] 
for(var i = 0; i < tech.length; i++){ 
s.getArchSales(url, query) 
    .then(function (response) { 
     portFolioMixArray.push(response.data) 
    }) 
} 

techはまた、動的に計算されたアレイであります

今はconsole.log(portFolioMixArray)ときにアレイを示す以下のように左側に拡張記号と[0]、

Iは、Array elemenにアクセスできません。 ts。どうすればそれにアクセスできますか？

Answer 1

console.logを実行したとき、http応答はまだ受信されておらず、配列は空であり、したがって配列要素にアクセスできませんでした。

その後、応答が受信され、配列が更​​新されました。そのため、メッセージの青色のアイコンが表示されます。

Answer 2

あなたは、HTML内の値をバインドしたい場合は、その後、あなたはあなたが

$scope.portFolioMixArray = [] 
for(var i = 0; i < tech.length; i++){ 
s.getArchSales(url, query) 
    .then(function (response) { 
     $scope.portFolioMixArray.push(response.data) 
    }) 
} 

のように$の範囲

でオブジェクトを使用する必要がありますng-repeat を使用する必要があるportFolioMixArray[0]

を使用してそれを得ることができます//html

<div ng-repeat="item in portFolioMixArray">{{item .YourObjectNmae}}</div> 

Answer 3

は、私はあなたが$ Qを使用することができる角度で、約束の概念を理解するべきだと思いますが、このようなあなたのアレイにアクセスすることができます

（https://docs.angularjs.org/api/ng/service/ $ qを）：。

var promises = tech.map(function (item) { 
    return s.getArchSales(url, query).then(function (response) { 
     portFolioMixArray.push(response.data) 
    }) 
} 
$q.all(promises).then(function() { 
    console.log(portFolioMixArray); 
}