問題タブ [formgroups]
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 - ネストされた FormGroup を指す変数
別の FormGroup 内にネストされた FormGroup を指す方法について尋ねる質問に出くわしていないことに驚いています。この方法でネストされたフォーム グループを参照し続けて、その中のオブジェクトにアクセスすると、目障りで退屈になります。
typescript ファイルでネストされたフォーム グループをポイントし、その新しい変数を目障りな代わりに使用する方法はありますか?
私は次のことを試しました：
上記の例は両方とも、AbstractControls に関するエラーを返すため機能しません。
angular - Angular でリアクティブ動的フォームに追加データを渡す方法
formControl編集可能 (オブジェクトになります) と読み取り専用データ (HTML 上の静的テキストになります)を組み合わせた配列があります。Angularでそれを行う方法はありますか? と を使用FormArraysしFormGroupsてこの静的テキストを追加することもできますが、それは間違っているように感じます。例を挙げて問題を詳しく説明しましょう。
たとえば、次のような JSON オブジェクトがあるとします。
項目のフィールドには FormArrays を使用quantityします。
ただし、タイトルは編集可能な項目ではありません。にデータを追加する最良の方法は何FormGroupですか?
itemsそれ以外の場合は、この追加の編集不可能なデータを管理するために呼び出される別の配列を作成する必要があります。そのため、item のフィールドを 2 つの個別のオブジェクトに分割できます。1) staticDataForItems, 2) editableDataForItems.
これは私が好まない解決策です。私のユースケースでは、配列にアイテムを追加したり、配列から「アイテム」を削除したりできるためです。formArray将来性のない2 つの配列 (items と ) を扱いたくありません。
読み取り専用 (読み取り専用 HTML 要素) と編集可能なデータ (入力 HTML 要素) データの組み合わせがある場合、これら 2 つの配列を 1 つの配列に結合するにはどうすればよいですか。
フォーム検証の恩恵を受けたいし、良い方法でデータを追加したいと思っています。
以下に実際の例を示します。
https://stackblitz.com/edit/angular-gw1c6d?file=app%2Fapp.component.ts
ありがとう。