javascript – 从角度js表单发布数据时出错

我有一个angularJS表单,它将数据发布到scalatra servlet.当表单被提交时,我无法在我的scalatra servlet中获得任何形式的参数.

以下是我的代码

AngularJS

$scope.createUser = function() {
    $http.post('/createUser',{name:$scope.name,email:$scope.email,pwd:$scope.pwd}).
        success(function(data, status, headers, config) {
            alert("success " + data)
        }).
        error(function(data, status, headers, config) {
            alert("failure =>" +data)
        });
 };         });
 };     

HTML表单

<form ng-controller="UserController">
            <legend>Create User</legend>

            <label>Name</label>
            <input type="text" id="name" name="name" ng-model="name" placeholder="User Name">

            <label>Email</label>
            <input type="text" id="email" name="email" 
                ng-model="email" placeholder="ur email here">

            <label>Password</label>
            <input type="text" id="pwd" name="pwd" 
                ng-model="pwd" placeholder="ur own pwd here">

            <button ng-click="createUser()" class="btn btn-primary">Register</button>
        </form>

Scalatra Servlet

post("/createUser") {
    println(params("name")) 
}

当我运行应用程序并尝试从表单提交时,我收到此错误

Error 500 key not found: name (obtained from firebug lite)

如果我遗漏某些东西或其他任何方式,请告诉我

解决方法:

两个变化：

>使用’ng-submit’事件.
>将ng-models放在一个对象中,这样你就可以在帖子中发送对象.

HTML：

<div ng-controller="UserController">
  <form ng-submit="createUser()">
    <input type="text" ng-model="user.name">
    ...
    <input type="email" ng-model="user.email">
    ...
  </form>
</div>

JS：

function UserController($scope, $http) {
  $scope.user = {};
  $scope.createUser = function() {
    $http.post('/createUser', $scope.user);
  }
}

原文地址：https://codeday.me/bug/20190613/1231535.html