[英]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.