service not возвращающее значение

Question

Я работал над созданием службы для возврата имени пользователя.

var username, $promise; 

angular.module('TestApp').factory('UserService', function($http) { 
$promise= $http.get('/api/getuser') 
.success(function(data) { 
    username = data; 
}); 

$promise.then(function() { 
return username; 
}); 
}); 

Но инъекционный эту услугу в контроллере вернется в неопределенном значении

angular.module('TestApp') 
.controller('UserLoginController', function($scope, UserService){ 
console.log("Username is: "+ UserService); 
}); 

Я подтвердил, что HTTP GET запрос возвращает действительное значение имени пользователя. Я совершенно новичок в угловатости и был бы очень признателен, если бы кто-нибудь мог указать, что я делаю неправильно здесь.

Answer 1

Этот код, указанный выше, выглядит как спагетти. Вот основной завод, который должен делать то, что вы хотите:

app.factory('UserService', [ '$http', function($http){ 

    var userService = {}; 

    userService.getUser = function(){ 
    return $http.get('/api/getuser').then(function(res){ 
     return res.data; 
    },function(error){ 
     console.log(error); 
     return []; 
    }); 
    } 

    return userService; 
}]); 

затем вызвать его в контроллере:

app.controller('MyController', ['$scope', 'UserService', function($scope,UserService){ 

    $scope.user = {}; 
    UserService.getUser().then(function(data){ 
    $scope.user = data.users[0]; 
    }); 
}]); 

Это предполагает формат JSON, похожий на { users: [{ id: "34534534",name: "John" }] } возвращенных ваш API.

Обратите внимание, что я написал это на лету и не пробовал. Это должно сработать.

Предупреждение: Я только что редактировал свой код, чтобы исправить некоторые ошибки.