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直接使用属性，可能会导致重大更改，而方法get()可以调整以反映新结构。

FormGroup.get旨在通过目标表单控件的路径来访问目标表单控件，这样可以轻松地从多层嵌入表单中获取目标控件，也使代码清晰易懂。

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

• formGroup.get 与 formGroup.controls 反应形式 - Angular
• 角反应形式尖端