AngularJS認証が正常に動作しない

Question

私はgolang/angleアプリケーションに認証を追加しようとしています。バックエンド認証がうまく動作し、ユーザーがログインしているが角度部分が期待どおりに機能していない、ログインに成功してページが変更されたときにユーザー名が設定されていないとユーザー名が設定されません。

blog.controller('LoginCtrl', function($scope, $http, $window, authService){ 
     $scope.login = function({ 
      // Well there's your problem! 
      authService.Login($scope.username, $scope.password, function(response, status){ 
       if(status == 200){ 
        authService.setCredentials($scope.username, $scope.password); 
        $window.location.href="/"; 
       } else { 
        $scope.invalidLogin = true; 
       } 
      }); 
     }; 
}); 

代わりに、あなたが定義する必要があります。問題は、あなたのAuthServiceがあなたのコントローラから呼び出しているログインの方法を持っていないということです

app.js

blog.controller('LoginCtrl', function($scope, $http, $window, authService){ 
     $scope.login = function({ 
      authService.Login($scope.username, $scope.password, function(response, status){ 
       if(status == 200){ 
        authService.setCredentials($scope.username, $scope.password); 
        $window.location.href="/"; 
       } else { 
        $scope.invalidLogin = true; 
       } 
      }); 
     }; 
}); 

blog.factory('authService', function(username, password, callback){ 
    var service = {}; 
    var username = ""; 

    $http.post('/login', {Username : username, Password: password}). 
    success(function(response, status){ 
     service.setCredentials(username, password); 
     callback(response, status); 
    }); 

    service.setCredentials = function(username, password){ 
       username = username; 
    }; 

    service.getCredentials = function(){ 
      return username; 
    }; 
     return service; 
}); 

blog.controller('NavCtrl', function($scope, $rootScope, authService){ 
    $scope.isAuth = (authService.getCredentials() != ""); 
    console.log("username: " + authService.getCredentials()); 
    $scope.username = authService.getCredentials(); 
}); 

Answer 1

あなたの工場内でのログイン方法は次のとおりです。

myApp.factory('authService', function(){ 
    var service = {}; 
    var username = ""; 

    service.setCredentials = function(loginUsername, password){ 
       username = loginUsername; 
    }; 

    service.getCredentials = function(){ 
      return username; 
    };  

    service.Login = function(loginUsername, password, callback){ 
     $http.post('/login', {Username : loginUsername, Password: password}). 
     success(function(response, status){ 
      service.setCredentials(loginUsername, password); 
      callback(response, status); 
     }); 
    } 

    return service; 
}); 

私は、割り当てようとしている変数をシャドーイングしていたので、username関数のパラメータをloginUsernameに変更したことにも注意してください。これにより、ユーザー名の値が未定義になっていました。