将ng重复项连接为ng-model中的对象

Question

我试图将ng-repeat项连接到ng-model对象。我想知道这是否可能。

所以例如：

//array
$scope.array = [
 {
   param: 'color',
   ....
 },
 {
   param: 'weight',
   .....
 }
]

HTML

<div ng-repeat="item in array">
  {{ item.param }}

   <input type="text" ng-model="form.name.{{ item.param }}" >
</div>

所以我们说{{ item.param }}为color，ng-model为form.name.color。

表单对象将是这样的：

{

  name: {
   color: 'value of input',
   weight: 'value of input'
  }

}

如何将item.param连接到对象form.name？我一直在尝试这么多方法，但没有结果。我尝试使用$index，但不知道从哪里开始。

我们将非常感谢您的帮助！

Answer 1

查看this小提琴。

您的ng-model应如下所示：

ng-model="form.name[item.param]"