Form Group에서 단일 값을 가져오는 방법

Form Group에서 단일 값을 가져오는 방법

폼의 가치를 취득할 수 있는 것은, 다음과 같습니다.

JSON.stringify(this.formName.value)

단, 폼에서 하나의 값을 얻고 싶습니다.

어떻게 하면 좋을까요?

이런 가치를 얻을 수 있습니다.

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

네, 가능합니다.

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

도트 표기법을 사용하면 형식 확인이 중단됩니다. 괄호 표기법으로 전환합니다.get() 메서드를 사용할 수도 있습니다.그것은 또한 내가 읽은 AOT 컴파일을 유지시켜준다.

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

Angular 6+ 및 >=RC.6의 경우

.html

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

.ts

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

작동해야 합니다.

다른 옵션:

this.form.value['nameOfControl']

사용할 수 있습니다.getRawValue()

this.formGroup.getRawValue().attribute

이 코드도 동작합니다.

this.formGroup.controls.nameOfcontrol.value

다음과 같은 방법으로 할 수 있습니다.

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

언급URL : https://stackoverflow.com/questions/43713558/how-to-get-a-single-value-from-formgroup