다중 중첩 모델 구동 양식 각도 2

Question

저는 이온 2 각도 2로 작업하고 있습니다. html 템플릿에 다중 중첩 양식 그룹을 만드는 방법을 알고 싶습니다. 예를 들어

:

이 .TS 파일 I이 FormGroup에 따라 HTML 템플릿을 설정하는 방법

HomeAddress: this.formBuilder.group({ 
    Address: ['', Validators.required] 
    HomeAddressDetail: this.formBuilder.group({ 
     Country: ['', Validators.required] 
     Tel: this.formBuilder.group({ 
      PhoneNo: ['', Validators.required], 
      HomeNo: ['', Validators.required] 
     }), 
     Email: this.formBuilder.group({ 
      PrimaryEmail: ['', Validators.required], 
      SecondaryEmail: ['', Validators.required] 
     }) 
    }) 
}); 

의 형태로 그룹입니다.

Answer 1

당신이 울부 짖는 소리처럼 HTML 템플릿을 설정할 수 있습니다

<form [formGroup]="HomeAddress"> 
    <div>Address: <input type="text" formControlName="Address"></div> 
    <div formGroupName="HomeAddressDetail"> 
     <div>Country: <input type="text" formControlName="Country"></div> 
     <div formGroupName="Tel"> 
       Phone No: <input type="text" formControlName="PhoneNo"> 
       Home No: <input type="text" formControlName="HomeNo"> 
     </div> 
     <div formGroupName="Email"> 
       Primary Email: <input type="text" formControlName="PrimaryEmail"> 
       Secondary Email: <input type="text" formControlName="SecondaryEmail"> 
     </div> 
    </div> 
</form> 

을 내가 이온 컨트롤을 잘 모릅니다, 당신이 여기에 이온 2에 동일한 형식을 사용하여 각 2에 대답하는 것은 plunkr https://plnkr.co/edit/SMCAMddPNmEyHuVS0IK8?p=preview

입니다