Warum funktioniert diese $ http-Anfrage nicht?

Question

Ich habe einen Service hier erklärt:

(function() { 
    'use strict'; 

    angular 
     .module('ngInterview.api.students') 
     .service('StudentsService', StudentsService); 

    StudentsService.$inject = ['$http']; 
    function StudentsService($http) { 

     /** 
     * Exposed functions 
     */ 

     this.getName = getName; // This function serves no purpose. It's just here as an example. 

     this.getStudents = function() { 
      console.log("getting to the getStudents function"); 
      return $http.get("http://il-resume-api.azurewebsites.net/api/students").then(function(res) { 
       console.log("getting data back"); 
       console.log(res.data); 
       return res.data; 
      }, function(res) { 
       console.log("getting bad data"); 
       console.log(res); 
       return res.data; 
      }); 
     } 

     /** 
     * Implementations 
     */ 

     function getName() { 
      return 'studentsService'; 
     } 
    } 
})(); 

Aus irgendeinem Grund nur der Code, die „die getStudents Funktion bekommen“ bekommt und reagiert nicht danach. Ich habe versucht, ein leeres Projekt mit $ http in einem Controller einzurichten und es funktioniert, es ruft die Daten vom Endpunkt ab, aber aus irgendeinem Grund wird dieser Dienst als Teil eines Moduls nicht. Und wenn ich console.log $ http, bekomme ich ein gültiges Objekt, also glaube ich nicht, dass es das ist.

Answer 1

Ihre getStudents Funktion gibt die $http.get zurück. Auf diese Weise geben Sie ein Versprechen an diejenigen, die getStudents Funktion aufrufen. Wenn Sie Ihre Protokollierung in Aktion sehen, behandeln Sie Ihre Funktion entsprechend, wie folgt aus:

Steuerungsbereich

studentsService.getStudents().then(function() { 
    console.log("I expect to see my logs right above this log"); 
})