簡體   English   中英

ngFor中的動態ngModel不起作用

[英]Dynamic ngModel inside ngFor not working

我已經看到如下頁面

    <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" ,則其工作正常。 我在這里做錯了什么?

我做了一個小小的改動,現在工作正常! 我沒有傳遞整個模型(frm.condition1),而是將其更改為僅傳遞內部模型名稱。 像下面一樣

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

然后從HTML將模型推入“ frm”對象,

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

現在我可以訪問“ frm”對象

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM