Angular Reactive Forms 控件与 Get

Question

当我通过以下方式以反应形式获取值时有什么区别：

this.someForm.controls['firstName'].value
this.someForm.get('firstName').value

public someForm: FormGroup = this.formBuilder.group({
  firstName: ['', Validators.required],
});

this.someForm.controls['firstName'].value
this.someForm.get('firstName').value<br>

以上是我的表单以及从表单中获取值的两种不同方法。 但是如果有的话，黑白两种方式有什么区别？

Answer 1

这两者之间没有太多区别，但 Angular 团队可能会在未来选择更改FormGroup结构，如果我们直接使用controls属性，可能会导致FormGroup更改，而get()方法可以调整以反映新结构。

FormGroup.get 旨在通过路径访问目标窗体控件，这样可以方便地从多层嵌入窗体中获取目标控件，也使代码清晰易懂。

关于此的信息不多，但您可以在此处阅读非常相似的内容，

• 反应形式的 formGroup.get 与 formGroup.controls - Angular
• 角反应形式提示