問題タブ [formarray]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - JSON に基づく Angular Reactive Forms のネストされた FormArray
私は次のように構造化されたJSONを持っています...
API 呼び出しに基づいて、このデータは「人」の量と値が異なる可能性があります。FormBuiler、FormGroup、および FormArray を使用してリアクティブ フォームを作成し、データの値にパッチを適用しようとしていますが、これを理解するのに苦労しています。上記の返されたデータで UI がどのように見えるかのイメージを次に示します...
それぞれが配列を持つ FormGroup の 2 つのインスタンスを作成しようとしましたが、それを機能させることができませんでした。これを設定する方法についていくつかの指針を探しているだけです...合計を心配する必要はありません。配列を適切にネストすると、それを理解できます。
私の現在のHTMLは次のようになります...
angular - stackblitz の FormArray の例としてカスタム コントロールを使用した Angular 5 リアクティブ フォーム
ネストされたコンポーネントをテストして完全なフォーム値を取得するために、stackblitz でサンプル プロジェクトを作成しました。
https://stackblitz.com/edit/mensand-hobbies-footbal-tennis
配列に格納されたさまざまなコンポーネントを使用したくないサンプルです。
フォームは正しく作成されていますが、サブ コントロールが form.value にバインドされていません。
誰かが私が欠けているものを知っていますか?