anguar 1.5スコープなしでhttp.getのデータにアクセスする

Question

私はAngular 1.5を使用しています。

http.getからhttp.getに自分のデータにアクセスできません。私に説明してみましょう ：

私は私のコンポーネントを持っている：

(function(){ 
'use strict'; 
class myComponent { 
    constructor(
     $http, 
     $scope) 
    { 
     var self = this; 
     self.test="this is a test"; 
     $http.get(MYAPI).then(function(response){ 
     self.MYDATA = response.data; 
     console.log(self.MYDATA) 
     }); 
     console.log(self.test) 
     console.log(self.MYDATA) 
    } 

} 
angular.module('myApp') 
.component('myApp.test', { 
    templateUrl: 'myTemplate.html', 
    controller: myComponent, 
    controllerAs:'vm', 
}); 
})(); 

にconsole.logは私を与える：

が、これはテストです - テスト

未定義のために> - > http：//www.web.get

Object {id：1 ...} - > http.get

私はhttp.getから自分のデータにアクセスすることはできません。これは私が望むものです。

アイデアをお持ちですか？ ありがとうございます。

Answer 1

$http.getは、プログラムの実行がサーバーからデータをフェッチするのを待機しない非同期呼び出しです。

したがって、が$http.get()の外にあるときは、サーバーからデータが取り出されていないため、undefined errorが得られます。

この問題を解決するためのまたは非同期呼び出しを処理するために、あなたはこのような何かを行うことができます：

var promise = $http.get(MYAPI); 

その後、コールバックの助けを借りて、以下の方法でデータにアクセスします。

promise.then(
      function successCallBack(response) 
       { 
        self.MYDATA = response.data; 
        console.log(self.MYDATA) 
       } 
      ).then(
       function errorCallBack(response) 
       { 
        console.log(response); 
       }   
      ); 

ここれますあなたに役立つかもしれないcallbacksの素敵な記事！