왜이 $ http 요청이 작동하지 않습니까?

Question

나는 서비스가 여기 선언 :

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

내 코드 만에 도달 몇 가지 이유를 들어 "를 getStudents 기능에 점점"그 후 응답하지 않습니다. 컨트롤러에서 $ http를 사용하여 빈 프로젝트를 설정하려고 시도했지만 작동하지만 엔드 포인트에서 데이터를 검색하지만 어떤 이유로이 서비스는 모듈의 일부로 사용되지 않습니다. 그리고 내가 console.log $ http 일 때 유효한 객체를 얻었으므로 그렇게 생각하지 않습니다.

Answer 1

getStudents 함수가 $http.get을 반환합니다. 이렇게하면 getStudents 함수를 호출하는 사람에게 약속을 건네줍니다. 당신이 행동에 로깅을보고 싶다면, 다음과 같이, 그에 따라 기능을 치료 :

컨트롤러 범위

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