角度JS 2 - アプリケーションの設計

Question

私はFORMのための1つの主成分を持って、私はすべてのセクション（複数可）を提出するために使用する送信ボタンを持つメインフォームで今節

ための3つのコンポーネントを持っていますデータをサービスに送信する

これをどのように達成できますか？

すべてのセクションコンポーネントで出力イベントエミッタを使用し、送信前にメインフォームコンポーネントでデータを取得しますか？

ありがとうございます

----------------------以下の初期の質問--------------- ---------

私はangular2にフォームを作成しています（このセクションは承認ワークフローの一部です）。

フォームはワークフローから参照されますが、ワークフローはangular2ではありません。ワークフローのさまざまな段階からフォームを開くと、フォームの特定のセクションのみを表示または編集できます。

セクションでセクションをデザインするにはどうすればよいですか？

1）フォーム全体の1つのコンポーネント？

2）セクションごとに別々のコンポーネントであり、1つの主要な親コンポーネントを持ちますか？

フォームロード時。ビジネスロジックを実行して、表示および編集モードでどのセクションを表示する必要があるかを特定し、ビジネスロジックには独立したコンポーネントがあり、どのセクションがどのモードでロードされているかを確認します。

Answer 1

ここで重要なのは、再利用性とビジネスロジックです。

再利用可能なコンポーネントを独自のコンポーネントとして抽出します。

• 子コンポーネントA ...私は私のアプリでは、これらのコンポーネントを持っていると言うことができます - 私は
を再利用しますいくつかの形のもの - 私は別の場所で
• 子コンポーネントBを再利用しますいくつかのフォーム入力

親コンポーネントA ... 子コンポーネントA そして、いくつかのもの、私は文句を言わない

親コンポを再利用しますNENTのB ... 子コンポーネントA 子コンポーネントB そして、いくつかの異なるもの

ルートコンポーネントは、入ってくるのparams /データによって決定されたビジネスロジックに応じて、親AまたはBをレンダリングします。 また、属性ディレクティブを使用してフォーム要素に機能を追加することもできます。例えば入力を日付ピッカーに変換する属性ディレクティブ。