Cách nhận một giá trị duy nhất từ ​​FormGroup

Tôi biết rằng tôi có thể nhận các giá trị của biểu mẫu bằng cách sử dụng

Tuy nhiên, JSON.stringify (this.formName.value), tôi muốn nhận một giá trị duy nhất từ ​​biểu mẫu.

Làm thế nào để làm điều đó?

Bạn có thể nhận được giá trị như thế này

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

Có, bạn có thể.

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

Ký hiệu dấu chấm sẽ phá vỡ việc kiểm tra kiểu, chuyển sang ký hiệu dấu ngoặc. Bạn cũng có thể thử sử dụng phương thức get (). Nó cũng giữ cho việc biên dịch AOT một cách tinh tế mà tôi đã đọc.

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

cho Angular 6+ và> = RC.6

.html

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

.ts

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

cũng nên hoạt động.

Một lựa chọn khác:

this.form.value['nameOfControl']

Mã này cũng hoạt động:

this.formGroup.controls.nameOfcontrol.value

Bạn có thể dùng getRawValue()

this.formGroup.getRawValue().attribute

Bạn có thể thực hiện bằng những cách sau

this.your_form.getRawValue()['formcontrolname]
this.your_form.value['formcontrolname]