1
在我的組件,我有在每個與從後端綁定數組的ob對象的數組
this.rows = []; // somehow put data inside
數據動態填充行的陣列有這也是列的陣列另一元件,這也是由後端生成的。
const row = {
ColorId: 0,
SizeId: 0,
Quantity: 0,
Fields: this.Product.Personalizations.map(p => {
return {
Value: '',
ID: p.ID,
Required: p.Required,
Price: p.Price,
Description: p.Description,
Name: p.Name
}
})
};
this.rows.push(row);
我想每個Field
綁定到輸入這樣
<div class="bulk-order-row"
[ngClass]="{'active-bulk-row': editingOnMobile}"
*ngFor="let row of rows; let i = index;">
...
<div class="col-personalization" *ngFor="let field of row.Fields">
<div class="form-group">
<label class="hidden-md-up">{{field.Name}}</label>
<input type="text" class="form-control-alt" [required]="field.Required"
[(ngModel)]="field.Value" name="{{field.Name}}" id="{{field.ID}}">
</div>
</div>
好像領域適當的約束,但每次我追加一個新行的所有輸入字段變成空白?如果我檢查this.rows
中的實際值,我發現他們在那裏。爲什麼input
變成空白?
可能與'this.Product.Personalizations.map(p值=> {'被重新評估阿Plunker –
這裏是最小的Plunk:https://plnkr.co/edit/nm3y6MrR4kh0n8Sq6XwU 我看到它的方式,問題是由[必需的]創建的,點擊[AddRow]填充一些值,然後[再次添加行],字段值不再。 – Eugen