Angular4，initalizing

Question

当窗体设置为有效，我有以下组成部分：

@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注入到你的组件中。