ngRepeat 中的动态 ngModel 对象属性答案

【问题标题】：Dynamic ngModel object attribute inside ngRepeatngRepeat 中的动态 ngModel 对象属性
【发布时间】：2016-05-01 06:22:01
【问题描述】：

这是我的代码，我想使用动态对象作为 ng-model：

<div class="form-group" ng-repeat="(key,value) in importdata.fields">
    <label class="col-sm-3 control-label" >
        {{value}}
    </label>
    <div class="col-sm-9">
        <select ng-model="form.{{key}}" ng-options='column as column for column in importdata.columns' class="form-control"></select>
    </div>
</div>
{{form | json }}

我想显示这样的结果：

{
    name:'john',
    family:'Doe'
}

或

{
   name:'john',
   family:'' 
}

【问题讨论】：

你可以在你的问题中添加 importdata.fields 吗？？
我的字段是动态的，但像上面的例子是name、family等
您的信息很少。请解释更多并提供更多数据。
与导入数据映射表有关，我想从文件中导入数据，这部分我想将字段映射到xls文件列。现在我想创建具有属性的对象，即我的表字段并将一个对象传递给服务器后端。

标签： javascript angularjs object dynamic angularjs-ng-repeat

【解决方案1】：

你需要使用bracket notation通过变量名来访问动态属性：

ng-model="form[value]"

顺便说一句，这里没有什么 Angular 特定的东西，在普通 JS 中也是如此。

【讨论】：