How does data binding work in AngularJs framework?

How does data-binding work in AngularJs framework?

This is my basic overview over data-binding in AngularJs.  

The AngularJs remembers the values and it always compare to the previous values. If find any changes in the value it automatically fire the change event. That is also called dirty checking.

The HTML tells the AngularJs compiler to create the $watch for controller methods and its run inside the $apply method.

The Angular create the $watch internally. 

The watch means that angular watches the changes in the variable on the $scope object. 

The watches are created using the $scope.$watch() method and the $ method creates a watch of some variables.

When you register a watch you need to pass two functions. i.e.

·         One is value function.
·         And other is listener function.

Try the new Angular 2 and Run the live example


Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog -
My Books - Book 1 and Book 2 Powered by Blogger.