我想从表单访问对象属性和绑定(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/