Show Validation Message on submit in Angular 4 Reactive Forms

Question

I am using Angular 4, Reactive forms.I want to show validation error message when the user clicks on Submit/Create Account button. Here is the HTML and typescript code that I a

Answer 1

you can do this using from markAllAsTouched() method. it will mark all the form controls as touched and by doing so will trigger validation errors where needed

onSubmit() {
    this.signupForm.markAllAsTouched();
}