상위 폼에서 인식되는 하위 구성 요소의 컨트롤을 얻으려면 어떻게해야합니까? (angular2 rc3)

Question

방금 ​​각도 2 (rc3), 라우터 & 양식 (0.1.1)의 최신 버전으로 작업하는 응용 프로그램을 업그레이드했습니다. 현재 양식이 최신 라이브러리 & 모범 사례로 변환되도록하려고합니다. 이 시도를 완료하려면 Angular IO docs을 사용하고 있습니다.

나는 이런 식으로 뭔가 할 경우 작업 양식을 얻을 수 있습니다 :

<form #form="ngForm"> 
    <input type="text" name="firstName" [(ngModel)]="model.firstName" required /> 
</form> 

을하지만 내 양식이 여러 구성 요소로 밖으로 분할이 - 페이지 4 개 섹션이 그래서 각을 나타내는 하나 개의 구성 요소가 있습니다 섹션이 있으며 각 섹션에는 다양한 유형의 5-10 개의 입력 필드가 있습니다.

<form #form="ngForm"> 
    <section-1 [(model)]="model"></section-1> 
    <section-2 [(model)]="model"></section-2> 

    <button type="submit">Submit</button> 
</form> 

그러나 양식은 양식의 컨트롤 목록에 자식 구성 요소에서 컨트롤을 추가하지 않습니다

그래서 내 코드는 본질적이다. 이 문제를 해결하는 가장 좋은 방법은 무엇입니까? 고유 한 유효 상태를 추적하고 부모를 사용하여 4 가지 유효 상태를 '수동으로'관리하는 양식을 각 하위 구성 요소에 넣을 수 있지만 더 나은 방법이 있어야합니다.

감사합니다,

댄

여러 분야가있을 수 있습니다 당신의 아이 컴퍼넌트를 표현하는 부모에서 모델 변수를 가질 수

Answer 1

후 하위 구성 요소는 부모 폼의 폼 컨트롤 후 역할을 시작합니다 그것은 모델과 뷰 사이에서 값을 전파하는 방법을 Angular 2에 알려주는 ControlValueAccessor 인터페이스를 적절하게 구현합니다. 제 3의 예를 찾으십시오 here