Data binding

A key feature in every modern component framework that separates the view from the component's behavior is data binding. Data binding bridges the gap between the view and the controller by enabling us to bind the view to the component's data, as well as user interactions with the view, to the component's functions.

Importantly, the template's default expression context is the controller; that is, the component instance. This means that the template can bind to every public member of the class, including fields, properties, and functions. To clarify, whencomponent data is mentioned in the context of binding, it means all of the bindable members.

Note

The Angular team is working on replacing its current renderer with a new one called Ivy, which should bring multiple enhancements, one of which is the fact that you should be able to private members of the class as well.

Angular's data binding can be applied on components, as well as standard HTML elements, using multiple forms of binding...