3

オブジェクトのプロパティにアクセスし、フォームから値をバインドしたいと考えています。これまでのところ、さまざまなオプションを試しましたが、成功しませんでした。これは私がこれまでに持っているものです。以下のコードを簡略化しました。

フォームグループ:

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>

上記のコードは、この質問の目的のために簡略化されています。シナリオは異なりますが、最終的には、オブジェクト内の価格値を更新したい場所でこのようになります。調査中に多くの方法を見てきましたが、何もうまくいかないようです。

4

1 に答える 1