
Binding types can be grouped into three categories distinguished by the direction of data flow. They are listed as below,

1. From the source-to-view
2. From view-to-source
3. View-to-source-to-view

The possible binding syntax can be tabulated as below,

| Data direction | Syntax | Type |
| --- | --- | --- |
| From the source-to-view(One-way) | 1. `{{expression}}` 2. [target]="expression" 3. bind-target="expression" | Interpolation, Property, Attribute, Class, Style |
| From view-to-source(One-way) | 1. (target)="statement" 2. on-target="statement" | Event |
| View-to-source-to-view(Two-way) | 1. [(target)]="expression" 2. bindon-target="expression" | Two-way |

How do you categorize data binding types?

Angular is a TypeScript-based open-source front-end platform that makes it easy to build applications with in web/mobile/desktop.

What is Angular Framework?

Modules are logical boundaries in your application and the application is divided into separate modules to separate the functionality of your application.

What is a Angular module?

What are the steps to use animation module?

Learn about ngcc, the Angular Compatibility Compiler, and how it allows you to use existing libraries in Angular Ivy projects.

What is ngcc in Angular Ivy and why is it important?

Polyfills are a tool for Angular developers, allowing them to use new features of JavaScript without worrying about compatibility with older browsers.

How to use polyfills in Angular application?

How do you manually register locale data?

The ngIf and hidden properties in Angular control element visibility in different ways.

Data direction	Syntax	Type
From the source-to-view(One-way)	1. `{{expression}}` 2. [target]="expression" 3. bind-target="expression"	Interpolation, Property, Attribute, Class, Style
From view-to-source(One-way)	1. (target)="statement" 2. on-target="statement"	Event
View-to-source-to-view(Two-way)	1. [(target)]="expression" 2. bindon-target="expression"	Two-way