사용자 정의 유효성 검사기 각도 2 - 반품

Question

그래서, 유효성 검사기 반환 값을 얻을 필요가 있습니다.

예 : { 'emailValidation': '. 이메일이 유효하지 않습니다'}

키 = emailValidation

값 = 이메일이 잘못되었습니다.

내 HTML 코드에서이 값을 사용할 수 있습니까?

validate(c: Control): { [key: string]: any } { 

    if (c.value == undefined) { 
     return null; 
    } 

    var emailReg = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; 
    return emailReg.test(c.value) ? null : { 'emailValidation': 'email is invalid.' }; 
} 

가능합니까?

Answer 1

당신은 컨트롤을 활용하고 errors 속성이 방법으로 할 수 있습니다

<form [formGroup]="someForm"> 
    <input formControlName="someCtrl" /> 
    <div *ngIf="someCtrl.errors"> 
    <div *ngIf="someCtrl.errors.emailValidation"> 
     {{someCtrl.errors.emailValidation}} 
    </div> 
    </div> 
</form>