問題タブ [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 - ネストされたフォーム配列を持つ Angular Reactive Forms
私は Angular 2 を初めて使用するので、公式の Angular ガイドを参照するのが最善の学習方法であると判断しました。
リアクティブ フォーム ガイドを読みました https://angular.io/guide/reactive-forms
デモリンク: https://stackblitz.com/angular/jammvmbrpxle
内容は全体的にかなり良かったのですが、より複雑なフォームを実装するにはどうすればよいかについて悩んでいます。与えられた例では、各ヒーローは多くのアドレスを持つ可能性があります。アドレス自体はフラット オブジェクトです。
Addresses に、その住所にある部屋の色やタイプなどの追加情報があるとしたらどうでしょう。
フォームモデルは次のようになります...
}
編集 - ngOnChanges で動作する最終的なコード
hero-detail.component.ts
hero-detail.component.html (ネストされたフォーム配列部分)
angular - Angular Material テーブル内の FormArray
注: 以下に示すように、従来の HTML テーブル内で FormArray を実行することに成功しました。Angular Material テーブル内に FormArray を配置し、それにデータを入力したいと考えています。従来の HTML テーブルと同じアプローチを試みましたが、「ID 'name'' の列が見つかりませんでした」というエラーが発生してコンパイルできませんでした。
Angular Material Table 内に FormArray を作成しようとしています これが私の HTML ファイルです
そして、これが私の.TSファイルの一部です