AngularJS Data Binding

Data-binding in AngularJS is the automatic synchronization of data between the model and view components. In AngularJS data binding the model as the single source of truth in your application.The view is a instance of the model at all times. When the model changes, the change show on view, and vice versa.


Template is compiled on the web browser. The Template compilation step create a live view. Any changes to the view are immediately changes in the model, and any changes in the model are propagated to the view. The model is the single-source-of-truth for the application state.