首页 文章

ng中的动态ngModel无法正常工作

提问于
浏览 次
0

我查看下面的页面

<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" ，那么它的工作正常 . 我在这做错了什么？

angular angular6 ngfor ngmodel

1 回答

  • 0

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

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

    从我的HTML，我把模型推入'frm'对象，因为，

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

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

    回复于

相关问题