如何在angularjs的html页面中通过ng-model添加属性到对象？

Question

我有一个对象，我已经使用ng-repeat进行迭代，并且在迭代时我想通过ng-model将每个字段添加到另一个对象。

//html 

<div ng-repeat="field in forms.fields track by $index"> 
    <span ng-if="field.type=='textbox'"> 
    <span style="width:115px;text-transform: capitalize" class="col-lg-5">{{field.Name}}</span> 
    <input type="text" class="form-control" style="width: 172px;padding-left: 20px;display: inline-block;" ng-class="{mystyle:field.Name.$invalid}" id="inp_{{$index}}" ng-model="inputfields.{{field.Name}}">{{field.Name}}<br> 
</span></div> 

在上面的代码我要分配field.Name作为一个属性来输入的字段，它被声明为$scope.inputfield={} in js file。所以我得到一个错误，因为

Syntax Error: Token '{' invalid key at column 2 of the expression [{{inputfield.field.Name}}] starting at [{inputfield.field.Name}}]. 

所以任何人都可以解决这个请。

Answer 1

尝试：

ng-model="inputfields[field.Name]" 

Answer 2

使用数组方式使用来获取对象的属性

ng-model="inputfields[field.Name]" 

，而不是

ng-model="inputfields.{{field.Name}}" 

Answer 3

inputfields.{{field.Name}} is invalid expression assignment. 

可以使用分配fidlename到inputfields ng-model="inputfields[field.Name]"

用于更详细地参考此链接：https://docs.angularjs.org/error/ngModel/nonassign