>

angular2에서 사용자 정의 폼 컨트롤을 만들려고하는데 모든 폼의 값을 얻으려고 할 때 문제가 발생합니다

this.form_c.value

사용자 정의 양식 컨트롤의 가져 오기 값을 무시하고 싶습니다

같은 일을 할 수는 있지만 성공하지는 못 하겠어요

private _val:any;
@Input set value(x:any) {
...this._val = x;
}
get value {
return this._val + "My mod";
}

  • 답변 # 1

    다음은 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>
    
    

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

관련 자료

  • 이전 Visual Studio에서 64 비트 만 신속하게 일괄 빌드하는 방법
  • 다음 고유 문자를 찾기 위해 목록을 반복