javascript - 在 Angular 身份验证中显示当前用户名

Question

我正在研究其他人已经制作的登录脚本。事实上，我的目标是集成 ng-option 而不是 input 的使用。正如您从示例中看到的那样，这是有效的。但是当我登录时，我看不到用户的数据。为什么？

完整代码:http://plnkr.co/edit/ImsqhVFVanCp5OXNisrA?p=preview

Controller .js:

angular.module('Authentication')

.controller('LoginController',
['$scope', '$rootScope', '$location', 'AuthenticationService',
function ($scope, $rootScope, $location, AuthenticationService) {
    // reset login status
    AuthenticationService.ClearCredentials();
         $scope.users = [
                {"username": "test", "number": "13242342"},
                {"username": "2", "number": "00000000"},
                {"username": "3", "number": "0483184"},
            ];
    $scope.login = function () {
        $scope.dataLoading = true;
        AuthenticationService.Login($scope.username, $scope.password,        function(response) {
            if(response.success) {
                AuthenticationService.SetCredentials($scope.username,     $scope.password);
                $location.path('/');
            } else {
                $scope.error = response.message;
                $scope.dataLoading = false;
            }
        });
    };
}]);

Answer 1

在您的身份验证服务中，您将像这样设置用户的凭据:

$rootScope.globals = {
    currentUser: {
        username: username,
        authdata: authdata
    }
};

因此，在您看来，您需要将 {{user.username}} 更改为 {{gl​​obals.currentUser.username}}。