Angular2：FormGroupのチェックボックスの状態をインスタンス化するにはどうすればいいですか？

Question

友達、私は角度2アプリでいくつかのフォームがあります。私は次のようにチェックボックスを説明し、このコンポーネントのテンプレートで

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

：

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

OK、この後、私はngbModalを経由して、ポップアップウィンドウでこのテンプレートを開き、Iコンポーネントでは私はこのようなフォーム・グループを使用します私のチェックボックスがチェックされていないことを確認してください。しかし、私がコンソールでFormGroupを見ようとすると、FormGroupのこのフィールドがnullであることがわかります。チェックボックスを手動でクリックした場合にのみ、私は必要な値を得ます。

FormGroupからcheckboxのデフォルト値を設定できますか？

Answer 1

あなたが与えたスニペットはちょっと傾いていますが、ここではチェックボックスを適切にバインドすることになります。

あなたの入力はとても

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

そして、あなたは

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

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

アプリモジュールでReactiveFormsModuleを輸入していることを確認してくださいここであなたを与える必要があり、作業PlunkerだようformGroupマークにネストすることはできません希望の動作： http://plnkr.co/edit/ryQ3G5p165XaXzJHcxUv?p=preview