angular - 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
• 角度反应形式提示