Data binding

Data binding

• Variable binding:

{{ value }}

• Property binding:

[property]="value"

or

bind-property="value"

• Event binding:

(event)="handler"

or

on-event="handler"

• Bi-directional property binding (any change in DOM is reflected in the component and vice versa):

[(ngModel)]="property"

or

bindon-ngModel="property"