Как создать функцию, которая возвращает значение сгружено с $ HTTP

Question

Моего кода:

$rootScope.getResource = function(id) { 
    $http.get("path/of/resource/" + id) 
    .success(function (data, status, header, config) { 
    return data; 
    }) 
    .error(function (data, status, header, config) { 
    console.log("Error"); 
    }); 

Но он всегда возвращает «неопределенный».

Я знаю, проблема в том, что функция $ http является асинхронной, и я должен использовать обещания, но я не могу понять, как делать все внутри только функции в $ rootScope.

Answer 1

Вы должны вернуть данные с обратным вызовом.

$rootScope.getResource = function(id, callback) { 

    var cb = callback || angular.noop; 

    $http.get("path/of/resource/" + id) 
    .success(function (data, status, header, config) { 
    return cb(data); 
    }) 
    .error(function (data, status, header, config) { 
    console.log("Error"); 
    return cb('error'); 
    }); 

Затем, чтобы использовать обновленный getResource функции

$scope.assignReturnedData = $rootScope.getResource(15, function(data) { 
    $scope.yourVariable = data; 
}); 

Вы можете получить идею от этого работать plunker.

Одностороннее примечание, я бы не рекомендовал вам использовать $rootScope для получения данных, вместо этого вы должны изучить использование angular service.