0

좋아요. 하나의 반응 형 구성 요소를 만들었습니다. 예를 들어 양식이 주소 양식이라고합시다.각도 반응 형 : 단일 폼 구성 요소에 대해 서비스를 동적으로 호출하는 방법

지금은에 AddressForm을를 호출 할 주어진 반응 주소 양식에 대한 데이터 모델은

export interface Address { 
addressId: number; 
addressTypeValueId: number; 
addressLine1: string; 
addressLine2: string; 
addressLine3: string; 
postalId: number; 
cityId: number; 
stateCode: string; 
countryCode: string; 
primaryInd: string; 
createDatetime: Date; 
updateDatetime: Date; 
createUserId: number; 
updateUserId: number; 

}

내가 생성 한 반응성 형태는

addressForm = new FormGroup ({ 
    name: new FormControl() 
}); 

입니다 다른 구성 요소. 예를 들어, 세 가지 구성 요소가 있습니다. 학교, 대학, 병원이라고 말하십시오.

세 가지 구성 요소에는 모두 세 가지 다른 데이터 모델과 세 가지 서비스가 있습니다. 나는이 세 가지 구성 요소에 {form_component}을 추가 한 다음 각각의 모델에 데이터를 제출됩니다

postSchoolpostCollegepostHospital.

이제 서비스를 동적으로 바인딩하는 방법을 모르겠다. 버튼을 제출하면 양식을 제출할 때 호출됩니다. 호출 된 구성 요소에 따라 적절한 서비스를 호출해야합니다.

+0

내부에 같은 formGroup에 대한 액세스 권한을 얻고, 자신의 생성자에이 서비스를 가져올 수 formGroup 그 세 가지 구성 요소를 포함하는 서비스/제공있을 수 있습니다. 그러나 양식에 특정 구성 요소를 추가하기 때문에 다른 구성 요소가 사용하는 서비스를 분명히 알 수 있습니다. 그리고 아마 당신은 실제 컴포넌트를 일반 폼 컴포넌트 대신 제출하는 것을 위임하는 것을 고려해야 할 것입니다. –

답변

1

이러한 세 구성 요소가 함께 상위 구성 요소 인 경우 상위 구성 요소에 addressForm을 포함 할 수 있으며이 세 구성 요소 각각에 @input으로 수신 할 수 있습니다. 가능하지 않은 경우 상위 구성 요소에 래핑하십시오.

또한 내가 힘든 시간 문제를 이해하기 서비스