$ resource에 사용자 이름과 암호를 전달하는 방법

Question

저는 Angular를 처음 사용하고 있습니다. 사용자 로그인을 위해 로그인 양식을 설정하고 싶습니다. 나는이 서비스를

Cannot read property 'setUserPass' of undefined

: 나는이 오류가

 var username="xxxx"; 
     var password="xxx"; 
     var self = this; 
     loginSvc().setUserPass(self.username,self.password); 
     self.auth = loginSvc().get();`enter code here` 

가 어떻게 내 서비스에 대한 사용자 이름과 암호를 전달해야합니다

(function(){ 
    var app = angular.module('myapp'); 
    app.service('loginSvc',function($resource){ 
     var username=""; 
     var password=""; 
     self=this; 

     self.setUserPass=function(user,pass){ 
      self.username=user; 
      self.password=pass; 
     }; 

     return $resource("http://localhost:8080/user",{}, 
       {get: {method:'GET', 
       headers : { authorization : "Basic "+ 
       btoa(self.username+":"+self.password)}}}); 
     }); 

})(); 

와 컨트롤러의

?

Answer 1

컨트롤러에 서비스를 주입했는지 확인하고 할당 한 참조를 사용하십시오.

시도 :

angular.module('myapp') 
     .controller('UserCtrl', ['loginSvc', function (loginSvc) { 
     var username="xxxx"; 
     var password="xxx"; 
     var self = this; 
     loginSvc.setUserPass(self.username,self.password); 
     self.auth = loginSvc.get(); 
     }]);