Question

我有一个数组，其中包含某些模型的后端字段列表

即：

$scope.fields = ['username', 'password', 'email', ...];

如何使用angular进行以下操作：

<div ng-repeat="field in fields">
   <div class="form-group">
        <label class="col-sm-2 control-label">{{field }} </label>
        <div class="col-sm-10">
              <input class="form-control" 
                     type="text" 
                     required
                     ng-model="new_entry.{{field}}"/>
        </div>
    </div>
</div>

Answer 1

您应该可以像这样设置模型：

ng-model="new_entry[field]"

就像您可以使用[]语法访问任何对象属性一样：

如果你有

x = { name: 'Joe', age: 24 }

您可以通过

访问媒体资源

x.name

或者通过

x['name']

http://jsfiddle.net/WN2dc/1

如何使用angular动态生成表单字段？

1 个答案: