AngularJS 종속성 공급자의 $ http 성공 함수에서 변수를 설정하는 방법

Question

나는 angularjs에 초보자이며 새 공급자를 만들려고합니다.

myApp.provider('$Data', function() { 
    this.URL = 'http://maps.googleapis.com/maps/api/geocode/json?address=Singapore, SG, Singapore, 153 Bukit Batok Street 1&sensor=true'; 

    this.$get = $get; 
    $get.$inject = ['$http', '$q']; 

    function $get($http, $q) { 
     var that = this; 
     return { 
      isConnected: function() { 
       var bIsConnected = 'Default'; 
       $http({method: 'GET', url:that.URL}).then(function (data) { 
          bIsConnected = 'Yes'; 
          alert('Run this code!'); 
         }, function (data) { 
          bIsConnected = 'No'; 
         }); 
       return bIsConnected; 
      } 
     } 
    } 
}); 

Jsfiddle 데모 :이 내 코드입니다 내가 Data.isConnected() $를 실행 한 후 http://jsfiddle.net/0udm9/9dPsb/6/

, 결과는 항상 브라우저가 경고 상자를 표시하지만 '기본'입니다. 나는 성공 함수가 $ get이 아니라고 생각한다. 그리고 나는이 경우에 서비스 나 공장이 아닌 공급자를 사용해야합니다. 이 문제를 해결하기 위해 무엇인가 할 수 있습니까?

감사합니다.

Answer 1

코드에 promise를 사용해야합니다. DEMO

공급자 :

isConnected: function() { 
    var deferred = $q.defer(); 

    $http.get(that.url).then(function(res) { 
     deferred.resolve('Yes'); 
     console.log('example:success', res); 
    }, function(err) { 
     deferred.resolve('No'); 
     console.log('example:error', err); 
    }); 

    return deferred.promise; 
} 

컨트롤러 :

$Data.isConnected().then(function(data) { 
    $scope.data = data; 
}); 

// UPD

당신이 비동기 코드로 반환 값을 사용해야하는 경우 개체를 사용해야합니다. // UPD 2

FRESH DEMO LINK