AngularJS将JSON数据绑定到Form

时间:2013-01-31 13:00:42

标签: angularjs

我正在计划设置这样的机制: 1)向服务器请求JSON对象 2)JSON对象包含这样的结构

{"type":"address","fields":[{"name":"street"},{"name":"city"}]}

基于此对象,应使用两个输入字段(街道和城市)创建表单,并且还应绑定到angularJS模型。

$scope.formData = {"type":"address","fields":[{"name":"street","value":"Main Street"},{"name":"city","value":"NYC"}]}

这种方法是否可以通过AngularJS实现? 我想从JSON对象动态构建一个表单(或者更好地说是绑定到AngularJS模型的输入元素),并将模型绑定到该表单。

由于

1 个答案:

答案 0 :(得分:5)

如果我正确地告诉您,您可以直接绑定您的对象:http://plnkr.co/edit/kZ2H5pFIibXFwkCk3zEV?p=preview

  <div ng-repeat="field in data.fields">
      {{field.name}}: <input ng-model="field.value">
    </div>