Binding coordinates state transfer between the component's class and its template. The following table shows the different types of Angular data bindings.

InterpolationEvaluates the expression between the double curly braces.One-way

Property BindingUpdates the property if there's a change from the bound component state.

This is typically denoted by the square bracket surrounding the target property.

<img [src]='imageURL'/>
Event BindingUpdates the bound component state if an event's was fired.

This is typically denoted by the parenthesis surrounding the event property.

<button (click)='onSave'>Save</button>
Two-Way BindingNormally use with the form elements.

This is typically denoted by the combined square and parenthesis surrounding the ngModel property.

<input type='text' [(ngModel)]='name'/>