Angular - $ Scope kann nicht auf $ HTTP-Antwort in einem Service zugreifen

Question

Ich habe einen Dienst, den ich über $http Daten erhalten möchte (der Grund für einen Dienst ist, weil ich diesen Aufruf mehrmals in meiner App machen muss)

der Service war super funktioniert, das ist der Code:

factory('websiteService', function($rootScope, $http) { 

    this.getWebsites = function(){ 
     http({ 
      method: 'GET', 
      url: './data/websites.json' 
     }).then(function successCallback(response) { 
      return response.data; 
     }); 
    } 
    $rootScope.websiteService = this; 
    return this; 
}); 

Dann verwende ich es in mehreren Steuerungen wie so:

.controller('MyCtrl', function($scope, websiteService) { 
    $scope.websites = websiteService.getWebsites(); // not working 
}); 

Obwohl, wie man dies tut, denke nicht Arbeit. Es scheint, dass websites definiert ist, bevor die $http Anfrage endet, aber ich könnte falsch liegen.

Wie kann ich das umgehen?

Answer 1

Hier ist, wie der Dienst definiert werden soll:

myModule.factory('websiteService', function($http) { 

    function getWebsites() { 
     return $http({ 
      method: 'GET', 
      url: './data/websites.json' 
     }).then(function successCallback(response) { 
      return response.data; 
     }); 
    } 

    return { 
     getWebsites: getWebsites 
    }; 
}); 

Und hier ist, wie es verwendet werden soll:

myModule.controller('MyCtrl', function($scope, websiteService) { 
    websiteService.getWebsites().then(function(webSites) { 
     $scope.webSites = webSites; 
    }); 
}); 

Ich schlage vor, Sie Traps, anti-patterns and tips about AngularJS promises lesen, die Fehler verstehen Sie Versprechungen gemacht.