How Angular works

James Drummond
Note by James Drummond, updated more than 1 year ago
James Drummond
Created by James Drummond about 5 years ago


A-Level Angular Note on How Angular works, created by James Drummond on 12/13/2014.

Resource summary

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

Show full summary Hide full summary


Angular Nuts and Bolts
James Drummond
Front-End Web Development
Chanthy Ngin
Kingsley Bawuah
AngularJS - Quiz - Jan 2016
Scope and Inheritance in Angular
James Drummond
The Princeton Review Chapter 9 Rotational Motion
Anibal Santamaria
Directives, compile and link
James Drummond
Directives and scope
James Drummond
FE Web Applications Components
Juan Carlos Joya Carvajal
Fluxo buscaCliente
Alex José Silva
James Drummond