Angular4、私は次のコンポーネント持っ

Question

をinitalizing時に有効に設定フォーム：

@ViewChild('myForm') myForm: NgForm 

ngAfterViewInit(): void { 
    this.myForm.valueChanges 
     .subscribe(() => { 
      if(this.myForm.valid) { 
      doSomethingWithTheFormData() 
      } 
     }) 
    } 

と私のテンプレートでは：

<form #myForm="ngForm"> 
    ... 
</form> 

唯一の心配は、デフォルトでmyForm.validも、trueであるということですrequiredフィールドは設定されていません。したがって、私はdoSomethingWithTheFormData()に失敗します。 フォームの初期化が完全に完了していない場合（ngAfterViewInit()にもかかわらず）のようです。

​​を私の状態で追加することで問題を回避することができましたが、これは正しい方法ではないように感じられます。

Answer 1

@ angular/formsモジュールのFormGroupを使用しないのはなぜですか？

this.eventForm = this.formBuilder.group({ 
    startTime: ['', Validators.required], 
    endTime: ['', Validators.required], 
}); 

は、その後、あなたのテンプレート

<form class="event-publisher__form" [formGroup]="eventForm" (ngSubmit)="onSubmit()" novalidate> 
    enter code here 
</form> 

に私は、これはReactiveFormsModuleを使用していることに注意してください。このモジュールをフィーチャモジュールにインポートし、FormBuilderをコンポーネントに挿入します。