angular.js - angular2 フォームを複数のコンポーネントに分割する際の問題

Question

再利用などの問題を考慮すると、フォームが複数のコンポーネントに分割されている場合、コミュニケーションの問題が発生します。
この状況では双方向のデータバインディングが使えないので、以下の方法を考えたのですが、少し難しいので良い方法を教えて下さい。

1. 親コンポーネントは子コンポーネントに送信ステータス値を渡し、送信ボタンがクリックされると、この値が変更されます。

2. サブコンポーネントは、onChange フックを通じて送信値をリッスンし、変更されると、サブコンポーネント内のバインドされたデータがイベントを通じて親コンポーネントに送信されます。

3. 親コンポーネントはイベントをリッスンし、子コンポーネントのバインド値を取得します。このとき、データを統合してリクエストを送信します。

4. この状況が一部のフィールドですでに存在する場合は、エラー値をサブコンポーネントに個別に渡し、それに応じて表示する必要があります。

でも、本当に面倒なので助けてください...

Answer 1

コンポーネントはデータをバインドできます

Answer 2

フォームのサイズに関しては、コンポーネントのパーティクルはすでに十分小さいため、カプセル化する必要があるのは、時間セレクターやカラー セレクターなどの複雑な UI のみです。