在我的组件中,我有一个行数组,这些行动态填充了来自后端的数据
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
变成空白?