AngularJS 将 JSON 数据绑定到表单答案

【问题标题】：AngluarJS binding JSON data to FormAngularJS 将 JSON 数据绑定到表单
【发布时间】：2013-01-31 13:00:42
【问题描述】：

我打算建立一个这样的机制： 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 模型的输入元素）并将模型绑定到该表单。

谢谢

【问题讨论】：

标签： angularjs

【解决方案1】：

如果我理解正确，您可以直接绑定您的对象：http://plnkr.co/edit/kZ2H5pFIibXFwkCk3zEV?p=preview

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

【讨论】：