Explain the concept of data-binding in angular?

Data-binding defines the communication between component and DOM, by making the interactive application without the concern of either push or pull the data.

There are three categories of data-binding in angular-

Component-to-DOM: Interpolation: {{value}} – used to add values of property from component.

Property-binding: [property] = “value”- this value gets passed from component-to-property or the HTML attribute.

DOM-to-Component: Event-binding: (event)=” function” – the specific method of components gets called whenever specific event is happened in DOM

Two-way data binding: [(ngModel)] = “value”