1

请查看视频：https ://screencast-o-matic.com/watch/cqQQj2tA22

我将动态对象添加到数组中，并希望在添加对象后设置值。现在，当我向数组添加一个新对象时，循环中的所有输入文本框都在重置文本框中显示的值，尽管数组在代码中保留了正确的属性。

这是我的标记：

<div *ngFor="let colorSet of quantity.colorSets; let k=index;">
    <div>
        <label>Color Sets:</label>
        <div>
            <mat-form-field>
                <input matInput [(ngModel)]="quantity.colorSets[k].setQ" value="{{quantity.colorSets[k].setQ}}" name="colorSetQ-{{index}}" type="text">
            </mat-form-field>
        </div>
    </div>
    <div>
        <label>Price:</label>
        <div>
            <mat-form-field>
                <input matInput [(ngModel)]="quantity.colorSets[k].price" value="{{colorSet.price}}" name="colorSetPrice-{{index}}" type="text">
            </mat-form-field>
        </div>
    </div>
</div>

然后是代码：

model: any = {
    TenantId: '',
    CustomFieldName: '',
    quantities: []
};

newQuantity = {
    price: '',
    rangestart: '',
    rangeend: '',
    colorSets: []
};

colorSetInfo = {
    setQ: '',
    price: ''
}

addNewPriceSet(quantitySet) {
    if (quantitySet) {
        quantitySet.colorSets.push({
            setQ: '',
            price: ''
        });
        console.log(quantitySet);
        console.log(this.model);
    }
}
4

1 回答 1

1

你有一个错字。您没有index在您的范围内（在 范围内ngFor）。

更改name="colorSetQ-{{index}}"为name="colorSetQ-{{k}}"

和

name="colorSetPrice-{{index}}"至name="colorSetPrice-{{k}}"

于 2019-09-09T08:33:45.683 回答