ngFor 中的动态 ngModel 不起作用

Question

我浏览过如下页面

    <div class="row" *ngFor="let c of conditionArray;>
        <div class="col-sm-12 col-xl-2 m-b-10">
            <ng-select [(ngModel)]="c.condition" placeholder="Select Condition" [ngClass]="'ng-select'" [options]="conditions" [multiple]="false">      </ng-select>
        </div>
   </div>

我的组件如下所示

this.frm={};
conditionArray:Array<any> =
[
    {
      condition:'frm.condition1',
      pos:1
    }
]
saveCond(){
    alert(JSON.stringify(this.frm));
}

当我调用 saveCond() 方法时，它总是显示空对象。但是如果我重写我的 HTML 模型以具有 [(ngModel)]="frm.condition1" ，那么它工作正常。我在这里做错了什么？？

Answer 1

我做了一个小改动，现在可以正常工作了！。我没有传递整个模型 (frm.condition1)，而是将其更改为仅传递内部模型名称。如下图，

    conditionArray:Array<any> =[
    {
      condition:'condition1',
      pos:1
    }
  ]

然后从我的 HTML，我将模型推入 'frm' 对象，

[(ngModel)]="frm[c.condition]"

现在我可以访问 'frm' 对象

ngFor 中的动态 ngModel 不起作用

Dynamic ngModel inside ngFor not working

angular

angular6

ngfor

ngmodel