In Angular 1, the ng-messages modules are used to help us to display error messages and validation to our forms.
In Angular 2, the ngModel provides error objects for each of the built-in input validators. You can access these errors from a reference to the ngModel itself then build useful messaging around them to display to your users.
Stayed Informed - Angular2 email forms validation
And also, we can use the properties “pristine” and “touched” to display error messages.
1. If we want to display errors after the user fills something in a field, use the pristine property.
2. If we want to display errors after the user put the focus on a field, use the touched property.
For example 2 click..
I hope you are enjoying with this post! Please share with you friends. Thank you!!