問題タブ [angular2-formbuilder]

ユーザー入力を受け取り、それをデータベースに投稿する単純なフォームがあります。

フォームは次のとおりです。

同じコンポーネントで編集目的で送信されたデータを表示するにはどうすればよいですか。アイデアは、ユーザーが送信後にデータを編集し、必要に応じて再送信できるようにすることです。

私は、Angular 2ベータ版の「FormBuilder」でネストされたフォームグループ構造を使用していますが、私の人生では、ネストされたフォームグループに値を取得できません。バインディングがうまく機能するので、それは奇妙です。「ユーザー」オブジェクトをフォームに送信すると、ユーザーとそのアドレスのすべての値が入力されます。しかし、フォームの値を (たとえば HttpPost に) 送信すると、以下のオブジェクトのように見えます...

FWIW 私は Udemy で Mosh Hamedani の優れた Angluar 2 コースに従っており、関連するコードがここで彼と一致することを確認し、再確認しました: https://github.com/mosh-hamedani/angular2-course

おそらく、私が必要としているのは、コード内の他の場所を確認することです。

{{ form.value | json }} 私のフォームの最後に：

これは私のコンポーネントのコンストラクタです:

これは私のテンプレートのフォームです（簡潔にするために切り捨てられています）：

HTML テンプレートでフォームビルダーを表現しようとしています:

HTTPMethod については、次のようにしています。

しかし、私はそれを表すことができなかったプロセス、私はエラーが発生して います:

よろしくお願いします！

私はangular 2を初めて使用します。「委託品の追加」オプションをクリックすると、シリアル番号と複数の入力スロットを含む新しい行が追加されるテーブルがあります。委託品をさらに追加し (テーブルに複数の入力スロットの行を追加します)、これらすべての行に情報を入力して送信すると、最後の行の値のみが返されます。テーブルから複数の入力行すべての値を 1 つのオブジェクトとして返す方法を教えてください。ありがとうございました。

以下は私のコードです：

テンプレート

成分