In Angular, we can categorize data binding types in three categories distinguished by the direction of data flow. These data binding categories are:
- From the source-to-view
- From view-to-source
- View-to-source-to-view
Let's see their possible binding syntax:
| Data direction | Syntax | Type |
|---|
| From the source-to-view(One-way data binding) | 1. {{expression}}
2. [target]="expression"
3. bind-target="expression" | Interpolation, Property, Attribute, Class, Style |
| From view-to-source(One-way data binding) | 1. (target)="statement"
2. on-target="statement" | Event |
| View-to-source-to-view(Two-way data binding) | 1. [(target)]="expression"
2. bindon-target="expression" | Two-way data binding |
