Skip to main content

Data Binding

Binding: It allows us to define communication between the component and view. So we can say that data binding is passed from component to view and from view to the component.

String Interpolation​

Interpolation or String Interpolation {{ }} - Interpolation binding is used to return HTML output from TypeScript code i.e. from the components to the views. Here, the template expression is specified within double curly braces.

Property binding []​

In Property binding, value flows from a component’s property into the target elements property.

Event binding (click)="event()"​

The Event binding feature lets you listen to certain events such as mouse movements, keystrokes, clicks, etc.

Two-way Binding [(ngModel)]="abc"​

two-way data binding that will allow your application to share data in two directions i.e. from the components to the templates and vice versa.