service ne pas retourner la valeur

Question

J'ai travaillé pour écrire un service pour retourner le nom d'utilisateur.

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

Mais l'injection de ce service dans un contrôleur retournerait dans une valeur non définie

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

Je confirme que la demande http get renvoie la valeur de nom d'utilisateur valide. Je suis tout à fait nouveau à angulaire et apprécierait vraiment si quelqu'un peut signaler ce que je fais mal ici.

Answer 1

Ce code ci-dessus ressemble à des spaghettis. Voici une usine de base qui devrait faire ce que vous voulez:

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; 
}]); 

puis l'appeler dans un contrôleur:

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

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

Cela suppose un format JSON similaire à { users: [{ id: "34534534",name: "John" }] } retourné par votre API.

S'il vous plaît noter que j'ai écrit ceci à la volée et ne l'ai pas essayé. Cela devrait fonctionner cependant.

Attention: Je viens d'éditer mon code pour corriger certaines erreurs.