javascript - angularjs表单提交数据为空

大家好。
具有表单元素

<form name="myForm" ng-submit="subMe()">
  <input type="text" name="name" value="" />
</form>

和

$scope.subMe = function(){
  console.log( $scope.myForm ); // return empty object as {}
}

那么，我怎样才能看到表单中的数据呢未来将有许多输入元素。
在后端检查有效表单的最佳实践是什么？
像这样做：

var _valid = $http.post();
if ( _valid) {
  if ( createUserSuccess() ){
    showSucceess();
  } else {
    showError();
  }
} else {
  showBadFilledFormElements();
}

谢谢！

最佳答案

您没有提交输入或按钮，因此ng-submit不是用来查看表单数据的。
在窗体范围内初始化空对象，如下所示

myApp.controller('formController', function($scope) {
  $scope.formData = {};

  $scope.submitForm = function() {
      //do stuff on submit
  }
});

然后像这样绑定标记中的ng-model。

<div ng-controller="formController">
   <form name="myForm" ng-submit="submitForm()">
       <input type="text" name="name" ng-model="formData.name" value="" />
       <button type="submit">Submit</button>
   </form>
    {{formData}}
</div>

您可以使用标记中的{{formData}}在formController范围内查看它。
编辑：更改了提交表单函数名以使其更有意义。

关于javascript - angularjs表单提交数据为空，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26619112/