angular - 如何從 FormGroup 獲取單一值

我知道我可以使用來獲取表單的值

JSON.stringify(this.formName.value)

然而，我想從表單中獲取一個單一的值。

我該如何去做那件事？

答案＃1

你可以這樣獲取值

this.form.controls['your form control name'].value

答案＃2

是的，你可以。

this.formGroup.get('name of you control').value

答案＃3

點符號會破壞類型檢查，請改用方括號符號。你也可以嘗試使用 get() 方法。我讀過它也能保持 AOT 編譯完整。

this.form.get('controlName').value // safer
this.form.controlName.value // triggers type checking and breaks AOT

答案＃4

適用於 Angular 6+ 及 >=RC.6

.html

<form [formGroup]="formGroup">
  <input type="text" formControlName="myName">
</form>

.ts

public formGroup: FormGroup;
this.formGroup.value.myName

也應該有效。

答案＃5

另一個選擇：

this.form.value['nameOfControl']