Posts

Showing posts from October, 2018

What is ngModel in Angular?

ngModel provides us the mechanism to sync input data/data from any source (like Web API, Database) from HTML control element to the component class. Understand this in the very easy way: Suppose you have a user class named with User as following: export class User { id : number ; email : string ; constructor ( values : Object = {}) { //Constructor initialization Object . assign ( this , values ); } } And in HTML, you have a textbox for binding email property of the user class. For simplicity, we will call User class to "U" and textbox control to "T".  So here are the following definitions: ngModel provides the way of binding data from U to T and/or vice-versa. [ngModel]="user.email" is the syntax for one-way binding, while, [(ngModel)]="user.email" is for two-way binding, and the syntax is compound from [ngModel]="user.email" and (ngModelChan