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...

The Input form is an important part of all the development. In AngularJs 1.x, we manage using the ng-model but it’s have some draw back.  In Angular 2, we think over this and trying to do better. The  Angular 2 forms  modules are easily to use and understand and its does not have any drawbacks. In this article I am trying to show “ how to use Angular 2 forms ” in the common cases and the detail about it as given below. Try the live example of the code shown in this page. [ The Live demo link :   http://embed.plnkr.co/bqPtI7oT8KH5gwUObnG6/preview ] The Examples, //The HTML code sample <div> <userformtemplate></userformtemplate> </div> //The Angular 2 with ES5 code sample var appForm = function () { this .user = {}; }; var userFormTemplate = '<h1> Angular 2 User Form Template </h1> <br/> User Name: <input type="text" class="tb8"> <br> Confirm User Name <in...