Binding

The binding technique will enable you to bind data to a template and will allow users to interact with the bound data. The Angular binding framework takes care of rendering the data to a view and updating it as per user actions over the view.

The following screenshot gives you a quick glimpse of the various binding techniques in Angular. We will go through each binding technique in detail:

Various binding syntaxes

One-way binding

Binding types such as Interpolation, Property, Attribute, Class, and Style support one-way data flow from the data source (exposed from the component) to a view or template. Template markups that let the data flow from a component property or method to a template are given in the following table (one-way binding):

Template code	Description
{{expression}}	This displays the expression built from the data source
[target] = "expression"	This assigns the expression of a data source to the target property
bind-target = "expression"	This assigns the expression of a data source...