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 дают мне:

это тест -> для испытания

неопределенному -> out http.get

Объект {id: 1 ...} -> в http.get

Так что я не могу получить доступ к своим данным из http.get, и это то, что я хочу.

Есть ли у кого-нибудь идее? Спасибо.

Answer 1

$http.get - это асинхронный вызов, означающий, что выполнение программы не дожидается получения данных с сервера.

Таким образом, к моменту, когда console.log(self.MYDATA) находится за пределами $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, которая может вам помочь!