Tutorial by Examples

Angular has some magic under its hood. it enables binding DOM to real js variables. Angular uses a loop, named the "digest loop", which is called after any change of a variable - calling callbacks which update the DOM. For example, the ng-model directive attaches a keyup eventListener to...

Implementing two-way-data-binding, to achieve the result from the previous example, could be done with two core functions: $digest is called after a user interaction (binding DOM=>variable) $watch sets a callback to be called after variable changes (binding variable=>DOM) note: this is ...

The previous example is good enough when we need to bind a single html element, to a single variable. In reality - we need to bind many elements to many variables: <span ng-repeat="number in [1,2,3,4,5]">{{number}}</span> This ng-repeat binds 5 elements to 5 variables call...