Angular2 : FormGroup의 확인란 상태를 인스턴스화하는 방법은 무엇입니까?

Question

친구, 난 앵귤러 2 애플 리케이션에 어떤 형태가 있습니다. 구성 요소에서 나는이 같은 형태의 그룹을 사용

this.formPersonalProfile = new FormGroup({ 
      private: new FormControl(false), 
}); 

나는 다음과 같이 체크 박스를 설명이 구성 요소의 템플릿에서

: 나는 ngbModal를 통해 팝업 창에서이 템플릿을 열고이 후

<input type="checkbox" private="private" formControlName="private" class="form-check-input"> 

OK, 나는 내 체크 박스가 선택되지 않았는지 확인하십시오. 그러나 콘솔에서 FormGroup을 보려고하면 FormGroup의이 필드가 null이라는 것을 알 수 있습니다. 나는 checkbox를 수동으로 클릭 할 때만 필요한 가치를 얻는다.

FormGroup을 통해 확인란의 기본값을 설정할 수 있습니까?

Answer 1

당신이 준 발췌 문장은 조금 기울기가 있지만, 여기에 체크 박스가 제대로 바인딩되도록하는 장면이 있습니다.

귀하의 입력에 중첩되지 않을 수 있습니다

당신에게를 제공해야 작업 Plunker이기 때문에

<form [formGroup]="formPersonalProfile"> 
    <input type="checkbox" private="private" formControlName="private" class="form-check-input" /> 
</form> 

처럼 formGroup 표시 및 앱 모듈 여기

import { FormControl, FormGroup, ReactiveFormsModule } from "@angular/forms" 

// later 
@NgModule({ 
imports: [ BrowserModule, ReactiveFormsModule ], 

에 당신이 가져온 ReactiveFormsModule을 원하는 동작 : http://plnkr.co/edit/ryQ3G5p165XaXzJHcxUv?p=preview