Anil Singh | Code-sample.com

How To Display Validation and Error Messaging on form submit in Angular 2? 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. Example as, <div * ngIf= "(!loginForm.controls.email.valid && !loginForm.controls.email.pristine)" > **Email is required. </di...