anguar 1.5 범위가없는 http.get의 데이터 액세스

Question

각도 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이 나를 제공 :

이 테스트있다 ->

정의되지 않은 시험에 대한 -> out of the http.get

Object {id : 1 ...} -> http : //

그래서 http.get에서 내 데이터에 액세스 할 수 없으며 이것이 내가 원하는 것입니다.

누군가가 있으십니까? 감사합니다.

Answer 1

$http.get은 프로그램 실행이 서버에서 데이터를 가져올 때까지 기다리지 않는 비동기 호출입니다.

$http.get() 외부에있는 console.log(self.MYDATA)이 실행될 때 데이터가 서버에서 가져 오지 않아서 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에 대한 좋은 기사!