FormGroupにはバリデータが

Question

を指定されていないとき、それは私が入れ子になったFormGroupでフォームを持っている必要だと考えて：

this.form = this.formBuilder.group({ 
    kitType: [ 
    '', [ 
     Validators.required, 
    ] 
    ], 
    diagnosisCode: [ 
    '', [ 
     Validators.required, 
    ] 
    ], 
    delayKitShipmentDate: new FormGroup({ 
    year: new FormControl(''), 
    month: new FormControl({ value: '', disabled: true }), 
    day: new FormControl({ value: '', disabled: true }), 
    }) 
}); 

delayKitShipmentDateはオプションであり、コントロールに指定されたバリデータを持っていない、まだ私のフォームはinvalidを報告しています私が年、月、日のコントロールの値を指定している場合を除きます。

私は間違っていますか？

私は次のコード/テンプレートを使用してテストしてみた

Answer 1

：^ 2.4.4

：あなたのコードが

@angularバージョンを動作するはず

testForm:FormGroup; 
constructor(public fb:FormBuilder) { 
this.testForm = this.fb.group({ 
      kitType: [ 
      '', [ 
       Validators.required, 
      ] 
      ], 
      diagnosisCode: [ 
      '', [ 
       Validators.required, 
      ] 
      ], 
      delayKitShipmentDate: new FormGroup({ 
      year: new FormControl(''), 
      month: new FormControl({ value: '', disabled: true }), 
      day: new FormControl({ value: '', disabled: true }), 
      }) 
     }); 
} 

テンプレート

<div [formGroup]="testForm"> 
      kitType<input formControlName="kitType" id="kitType"/> 
      diagnosisCode<input formControlName="diagnosisCode" id="diagnosisCode"/> 
      <div formGroupName="delayKitShipmentDate"> 
       year<input formControlName="year" id="year"/> 
       month<input formControlName="month" id="month"/> 
       day<input formControlName="day" id="day"/> 

      </div> 
      <div> 
       <p>Form: {{ testForm.value | json }}</p> 
       <p>Form status: {{ testForm.status }}</p> 
      </div> 

      </div>