angular - 사용자 정의 FormControl에서 값 가져 오기 기능 대체

다음은 Angular에서 반응성 양식을 사용하여 사용자 정의 양식을 만드는 방법의 예입니다 :

import { Component } from '@angular/core';
import { FormGroup, FormBuilder } from '@angular/forms';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  public myForm: FormGroup;
  constructor(private fb: FormBuilder) {
    this.myForm = this.fb.group({
      firstName: null,
      lastName: null
    });
  }

양식 요소에서 값을 가져오고 설정하는 방법 :

this.myForm.get('firstName').value;
this.myForm.get('lastName').setValue('Smith');

특정 양식 요소에 대한 요구 사항을 설정하기 위해 유효성 검증기 가져 오기 :

import { Validators } from '@angular/forms';
this.myForm = this.fb.group({
    firstName: [null, Validators.required],
    lastName: [null, Validators.maxLength(16)]
})

HTML로 양식 사용하기 :

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

반응 형 양식에 대한 추가 정보.