Angular 폼 에러 메세지 / 템플릿 참조 변수 valid, untouched, touched , pristine, dirty / 유효성 검사

0. 템플릿 참조 변수의 valid 프로퍼티를 활용하면 폼 컨트롤에 입력된 값이 유효한지 검사할 수 있고, 이 상태를 활용해서 에러 메시지를 표시하거나 감출 수 있습니다.

 

valid : 검증 통과 true, 실패 false

untouched : 포커스를 주지 않았을 경우 true

touched : 포커스를 뒀다가 포커스를 잃어버린 경우

pristine : 값이 한번도 입력되지 않았을 경우

dirty : 값이 한 번이라도 입력된 경우

 

1. [disabled] 을 활용하여 submit 버튼을 비활성화 할 수 있습니다.