0

我在这里创建了一个 plunker：http://plnkr.co/qbWBFo ，它显示了我根据一些 json（键）自动填写的表单。当用户点击提交时，我需要访问所有填写的数据并创建一个如下所示的 json。显然，如果名为“myform.rows”的 div 有静态字段，我就可以调用 $scope.myform.rows。并获取所有数据。有什么建议么？谢谢

更新：当用户在填写完所有表单字段后点击提交时，我想要得到的 json 是这样的：

{

  "Date Of Birth": {
          "value": "19 May, 1990",
          "tag": "a"
  },
  "Employer": {
          "value": "Starbucks",
          "tag": "b"
  },
  "First Name": {
          "value": "Jane",
          "tag": "a"
  },
  "Last Name":{
          "value": "Doe",
          "tag": "c"
  },
  "Middle Name": {
          "value": "K.",
          "tag": "c"
  },
  "Place Of Birth": {
          "value": "Houston, Texas",
          "tag": "d"
  }

}
4

2 回答 2

1

ng-model在您的表单控件上使用。这将自动绑定到您范围内的相同变量。

假设您在范围内启动一个对象$scope.myFormData={}：

然后添加到输入ng-model；

<input ng-model="myFormData.name"/>
<input ng-model="myFormData.phone"/>

当用户键入时，myFormData对象将自动更新为ng-model匹配该对象的任何内容

然后在提交方法中，将该对象发送到服务器。

DEMO

于 2013-10-29T18:21:18.447 回答
1

以下应该为您工作：

<input type="text" ng-model="formData[k]"/>kJSON 的键/属性 在哪里。

我在这里创建了 Plunkr：http: //plnkr.co/edit/hyBFpRr3OOtanuYsGibs

于 2013-10-29T18:58:52.667 回答