通过ng单击AngularJs从表单中获取所有数据

Question

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular.min.js"></script>
<div ng-app="myApp">
<div class="container" ng-controller="CtrlList">
<div class="row">          
<div ng-repeat="x in users track by $index">
<div><input type=text  ng-model="x.id"></div>
<div><input type=text  ng-model="x.title"></div>
<div><input type=text ng-model="x.completed"></div>                 
</div>
<button ng-click="submit(x)">save </button>
</div>

在控制器中

$scope.submit = function(data){
console.log(data)  // undefined
}

因此，当我单击提交按钮数据未定义时，如何在此处获取表单数据？任何帮助不胜感激

Answer 1

在ng-repeat内移动按钮：

<div class="row">          
<div ng-repeat="x in users">
<div><input type=text ng-model="x.id"></div>
<div><input type=text ng-model="x.title"></div>
<div><input type=text ng-model="x.completed"></div>                 
<button ng-click="submit(x)">save </button>
</div>
</div>

属性x仅在要重复的元素内有效。

Answer 2

要在此处获取数据，我们必须传递原点模型.. 例如

<div ng-repeat="x in users track by $index">
<div><input type=text  ng-model="x.id"></div>
<div><input type=text  ng-model="x.title"></div>
<div><input type=text ng-model="x.completed"></div>                 
</div>
<button ng-click="submit(users)">save </button>