값을 반환하지 않는 서비스

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

이 당신의 API에 의해 반환 { users: [{ id: "34534534",name: "John" }] } 유사한 JSON 형식을 가정 여기에 당신이 원하는 일을해야 기본적인 공장입니다.

비행 중에이 글을 쓴 것으로 사용해보십시오. 그래도 작동합니다.

경고 : 방금 실수를 수정하기 위해 코드를 편집했습니다.