绑定Array对象数组

时间:2016-12-03 16:21:12

标签: angular

在我的组件中,我有一个行数组,这些行动态填充了来自后端的数据

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变成空白?

0 个答案:

没有答案