如何將用戶名和密碼傳遞給$ resource

Question

我是Angular的新手，我想設置登錄表單以允許我的用戶登錄。我收到此錯誤：

Cannot read property 'setUserPass' of undefined

我有這樣的服務：

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

})(); 

，並在控制器：

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

我應該如何傳遞給我服務的用戶名和密碼？

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