我正在计划设置这样的机制: 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模型的输入元素),并将模型绑定到该表单。
由于
答案 0 :(得分:5)
如果我正确地告诉您,您可以直接绑定您的对象:http://plnkr.co/edit/kZ2H5pFIibXFwkCk3zEV?p=preview
<div ng-repeat="field in data.fields">
{{field.name}}: <input ng-model="field.value">
</div>