홈>2020-02-01 01:29

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

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

this.form_c.value

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

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

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

angularangular-forms

답변 # 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>

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

Python2.net

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

관련 자료