ngRepeat中的动态ngModel对象属性

时间:2016-05-01 06:22:02

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

这是我的代码,我想将动态对象用作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:'' 
}

1 个答案:

答案 0 :(得分:1)

您需要使用bracket notation按变量名称访问动态属性:

ng-model="form[value]"

顺便说一句,这里没有Angular特有的,在普通JS中也是如此。