angularjs - AngularJS 绑定(bind) JSON 数据到表单

Question

我打算建立这样的机制:1) 向服务器请求一个 JSON 对象2) JSON 对象包含这样的结构

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

基于此对象，应创建一个包含两个输入字段(街道和城市)的表单，并进一步绑定(bind)到 angularJS 模型。

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

这种方法可以用 AngularJS 实现吗？我想从 JSON 对象动态构建一个表单(或者更确切地说是绑定(bind)到 AngularJS 模型的输入元素)并将模型绑定(bind)到该表单。

谢谢

Answer 1

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

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