data binding

We've studied Data Binding, earlier, but let's have a look at it in detail.

Data binding is how to bind your data from components to HTML DOM elements (Templates), so we can easily link to the application without worrying about inserting our data. We can make connections in two different ways: one-way and two-way binding.
In one-way data binding, information flows in only one direction. It happens when the information is displayed and not updated.

One-way Data Binding

One-way data binding in Angular is a way to bind data from the component of the view (DOM) or vice versa. It displays information to the end-user and automatically stays synchronized with a change of data. Unidirectional binding is another name for one-way data binding.

one way data binding

explanation

Two-way Data Binding

Two-way data binding is Angular applications' most often used data binding technique. It is utilized in the input type field or any form element. In two-way data binding, data flows in both ways where the information needs to be updated. They each have their uses, but most applications use both.

Two-way Data Binding

explanation

Event Binding
Here event binding is a property that lets you respond and listen to user actions ie mouse movements, clicks, touches, etc.

PROPERTY BINDING is the property in angular where used to send data from component to view.

Readingmine is platform of best editors, well explained.