Data Binding in Angular

Understanding the different types of data binding in Angular

Photo by Choong Deng Xiang on Unsplash

In my previous article on Angular, I discussed how to get started with Angular programming by building a single-page app:

Getting Started with Angular

Continuing with the discussion on Angular, in this article I will talk about an important topic in Angular programming — data binding. Data binding is the process that establishes a connection between an app’s user interface (View) and the data (Model) it displays:

There are generally two types of data-binding:

• One-way data binding — changes to the model automatically updates the view
• Two-way data binding — changes to either the view or the model automatically updates the other

For Angular, I will discuss the following types of data binding:

• One-way data binding using interpolation, property binding…