不要将 html <input> 与 js 模型和 java 模型链接

Question

我有一个带有一些代码的登录页面。

<div ng-show="!loggedIn()">
        <form ng-submit="login()">
            Username:
            <input type="text" ng-model="userName"/>
            Password:
            <input type="password" ng-model="userPassword"/><span><input type="submit" value="Login"/>
        </form>
    </div>

登录链接与 js 文件中的用户名模型和用户密码 - 不是。

$scope.login = function() {
                $scope.error = null;
                mainService.login($scope.userName, $scope.userPassword).then(function(token) {
                    $scope.token = token;
                    $http.defaults.headers.common.Authorization = 'Bearer ' + token;
                    $scope.checkRoles();
                },
                function(error){
                    $scope.error = error;
                    $scope.userName = '';
                    $scope.userPassword = '';
                });
            };

...

 appModule.service('mainService', function($http) {
        return {
            login : function(username, userpassword) {
                return $http.post('/user/login', {name: username}, {password: userpassword}).then(function(response) {
                    return response.data.token;
                });
            },

我有一些带有内部类的控制器

@SuppressWarnings("unused")
    private static class UserLogin {
        public String name;
        public String password;
    }

和方法 login()

 @RequestMapping(value = "login", method = RequestMethod.POST)
public LoginResponse login(@RequestBody final UserLogin login)
    throws ServletException {
    System.out.println(login.name + login.password);//

这里 login.name = 我在网页中写的（登录）和 login.password 总是 = null。 我做错了什么？

Answer 1

它不起作用的原因是您的 POST 调用将密码作为$http.post 中的配置参数传递。您的密码应该是数据参数对象的一部分： $http.post('/user/login', {name: username, password: userpassword})

Answer 2

登录功能必须改成这样：

login : function(username, userpassword) { return $http.post('/user/login', {name: username, password: userpassword}).then(function(response) { return response.data.token; });