[angular] FormGroup에서 단일 값을 얻는 방법

나는 사용하여 양식의 값을 얻을 수 있다는 것을 알고 있습니다.

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']


답변

이 코드도 작동합니다.

this.formGroup.controls.nameOfcontrol.value


답변

당신이 사용할 수있는 getRawValue()

this.formGroup.getRawValue().attribute