注册功能不起作用AngularJS和Java

Question

我正在尝试创建注册表单，而没有Java控制器，只有Angular中的控制器。 但是我在Angular中有这个控制器UserRegistration的问题。 在我看来，好的想法是好的，但是我不知道Java的Angular是好的。

这是我的代码：

用户构造器公共用户（字符串名称，字符串电子邮件，字符串passwordHash）

注册资源：

@Component
@Path("/register")
public class RegisterResource {

    @Autowired
    private UserDao userDao;

    @Path("registration")
    @POST
    @Produces(MediaType.APPLICATION_JSON)
    public User user(User user)
    {
        user(user).addRole(Role.USER);




        return this.userDao.save(user);
    }}

app.js

angular.module('exampleApp', ['ngRoute', 'ngCookies', 'exampleApp.services'])
    .config(
        [ '$routeProvider', '$locationProvider', '$httpProvider', function($routeProvider, $locationProvider, $httpProvider) {

            $routeProvider.when('/register', {
                templateUrl: 'partials/register.html',
                controller: UserController
            });

function UserController($scope, $http) {
    $scope.user = {};


    $scope.register = function() {
        this.UserRegister.user({username: $scope.user.username, email: $scope.user.emailAddress, password: $scope.user.password})

        this.router.navigate(['/login']);
    }
    }

var services = angular.module('exampleApp.services', ['ngResource']);


services.factory('UserRegister', function($resource) {

    return $resource('rest/register/:action', {},
        {
            authenticate: {
                method: 'POST',
                params: {'action' : 'registration'},
                headers : {'Content-Type': 'application/x-www-form-urlencoded'}
            }
        }
    );
});

和我的register.html pastebin： 链接

太谢谢了！

Answer 1

您正在使用$resource语法声明对获得的资源的操作，如下所示：

return $resource('rest/register/:action', {},
    {
        authenticate: {
            method: 'POST',
            params: {'action' : 'registration'},
            headers : {'Content-Type': 'application/x-www-form-urlencoded'}
        }
    }
);

（请参阅https://docs.angularjs.org/api/ngResource/service/ $ resource）

但是，当您使用资源时，您不会调用该操作。 你应该做这个：

$scope.register = function() {
    this.UserRegister.authenticate({username: $scope.user.username, email:     $scope.user.emailAddress, password: $scope.user.password})
    this.router.navigate(['/login']);
}

您还需要在控制器中注入UserRegister服务

function UserController($scope, $http, UserRegister) {
    this.UserRegister = UserRegister