angular.js -Angular2 양식을 여러 구성 요소로 분할하는 데 문제가 있습니다.

Question

재사용 등의 문제를 고려하면 양식이 여러 구성요소로 분할되면 의사소통 문제가 발생합니다.
이 상황에서는 양방향 데이터 바인딩을 사용할 수 없습니다. 다음과 같은 방법을 생각했는데 좀 복잡해서 좋은 방법을 묻고 싶습니다.

1. 상위 구성 요소는 제출 상태 값을 하위 구성 요소에 전달하며 제출 버튼을 클릭하면 이 값이 변경됩니다.

2. 하위 구성 요소는 onChange Hook을 통해 submit 값을 듣고, 값이 변경되면 하위 구성 요소 내부에 바인딩된 데이터가 이벤트를 통해 상위 구성 요소로 전송됩니다.

3. 부모 컴포넌트는 이벤트를 듣고 자식 컴포넌트의 바인딩 값을 가져오며 이때 데이터를 통합하여 요청을 보냅니다.

4. 일부 필드에 이러한 상황이 이미 존재하는 경우 오류 값을 하위 구성 요소에 별도로 전달하여 그에 따라 표시해야 합니다.

그런데 정말 번거롭네요. 도움을 요청하세요...

Answer 1

구성요소는 데이터를 바인딩할 수 있습니다

Answer 2

형태의 차원에서는 구성요소 입자가 이미 충분히 작기 때문에 분할해도 문제가 되지 않습니다. 시간 선택기, 색상 선택기 등과 같은 복잡한 UI만 캡슐화하면 됩니다.