gpt4 book ai didi

angular - 访问 FormArray 中的对象属性并更新 Angular 4 中的值

转载 作者:行者123 更新时间:2023-12-04 13:22:52 24 4
gpt4 key购买 nike

我想从表单访问对象属性和绑定(bind)值。到目前为止,我尝试了不同的选择但没有成功。这是我目前所拥有的,我简化了下面的代码:

表单组:

this.form = this.fb.group({
ingredients: new FormArray([this.fb.group({name: 'Pasta', price: ''})])
})

查看代码:

<div formArrayName="ingredients">
<ion-item *ngFor="let ingredient of form['controls'].ingredients['controls']; let i = index" padding-bottom>
<div [formGroupName]="i">
<ion-input formControlName="price" type="number"></ion-input>
</div>
</ion-item>
</div>

上面的代码是为了这个问题而简化的,场景是不同的,但最后我想更新对象内的价格值。在进行研究时,我已经看到了很多方法,但似乎没有一种对我有用。

最佳答案

试试这个:-

  <form [formGroup]="form">
<div formArrayName="ingredients">
<div *ngFor="let ingredient of form['controls'].ingredients['controls']; let i = index" [formGroupName]="i">
<input formControlName="price" type="number"/>
</div>
</div>
</form>

和 ts:-

form: FormGroup;

constructor(builder: FormBuilder) {
this.form = builder.group({
ingredients: new FormArray([
builder.group({
name: 'Pasta',
price: '',
})
]);
})
}

请检查这个 plunker 的解决方案。 http://plnkr.co/edit/it3VW8wvYfYmk2Ox6M60?p=preview

关于angular - 访问 FormArray 中的对象属性并更新 Angular 4 中的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47298236/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com