angularjs - AngularJS 将 JSON 数据绑定到 Form

Question

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

谢谢

score 5 · Accepted Answer

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

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

1 回答 1