How Angular works

Page 1

I1. Angular begins when document.readyState is set to true.

2. At this point, Angular parses the HTML looking for an ng-app directive. Or, the app must be bootstrapped directly:

var newElement = document.createElement("div"); angular.bootstrap(newElement, ['myApp']);

3. When the DOMContentloaded event is fired, Angular looks for the ng-app directive and then creates several components it needs to run: the $injector, the $compile service and the $rootScope.

At this point we enter the compilation phase: the $compilation service traverses the DOM looking for angular directives. It then combines all of their linking functions into a single linking function.

New Page