anguar 1.5 Zugriffsdaten in http.get ohne Gültigkeitsbereich

Question

Ich benutze Angular 1.5.

Ich kann nicht auf meine Daten zugreifen, aus dem http.get, aus dem http.get. Lassen Sie mich erklären:

ich meine Komponente haben:

dies ein Test -> für den Test

undefined:

(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', 
}); 
})(); 

Die console.log mir geben -> aus dem http.get

Objekt {ID: 1 ...} -> in der http.get

So kann ich nicht auf meine Daten aus dem http.get zugreifen und das ist was ich will.

Haben Sie jemand eine Idee? Danke.

Answer 1

$http.get ist ein asynchroner Aufruf, dh die Programmausführung wartet nicht auf das Abrufen der Daten vom Server.

Also bis console.log(self.MYDATA) außerhalb von $http.get() ausgeführt wird, wurden die Daten nicht vom Server abgerufen, deshalb erhalten Sie eine undefined error.

Um dieses Problem zu lösen oder asynchrone Aufrufe zu behandeln, können Sie etwas tun könnte:

mit Hilfe von Callbacks

var promise = $http.get(MYAPI); 

dann den Datenzugriff auf die folgende Weise:

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

Hier ein schöner Artikel auf callbacks, der Ihnen helfen könnte!