각형 : 내부 편집 가능 양식의 도움말

Question

외부 편집 단추를 클릭 할 때 편집 가능한 모드와보기 전용 모드 사이를 한꺼번에 전환해야하는 편집 가능한 양식을 작성하려고합니다. 편집 모드를 토글하기 위해 클릭 할 개별 컨트롤).

을 작성했습니다. 여기에서 No provider for NgControl이라는 오류가 발생합니다. 내가 만들고자하는 편집 가능한 컨트롤 구성 요소 각각에 양식 요소를 감싸고 싶지 않습니다. 이걸 도와주세요. 내 제어를위한

그러므로 그것은 NgControl 제공을 필요로 <editable-control [mode]="formMode" type="text"></editable-control>

Answer 1

귀하의 사용자 지정 양식의 구성 요소가 ControlValueAccessor 인터페이스를 구현, 뭔가 같은 것입니다. FormsModule 대신 ReactiveFormsModule을 사용해야합니다.

// ... 
import { ReactiveFormsModule } from '@angular/forms'; 

@NgModule({ 
    imports: [ 
    // ... 
    ReactiveFormsModule 
    ] 
}) 
// ... 

당신이 formGroup 지시와 함께 사용할 수 있습니다 당신에게 사용자 정의 구성 요소를 사용하려면 :

그래서 당신은 @angular/forms에서 가져올하고 해당 NgModule의 수입 배열에 추가해야합니다. 예 :

<form [formGroup]="myForm"> 
    <editable-control [mode]="formMode" type="text" formControlName="myText"> 
    </editable-control> 
</form>