When the page is loaded in the BROWSER, FOLLOWING things HAPPEN:
· HTML document is loaded into the browser, and evaluated by the browser. Angular JS JavaScript file is loaded; the angular global object is created. Next, JavaScript which registers controller functions is executed.
· Next Angular JS scans through the HTML to look for Angular JS apps and views. Once view is LOCATED, it connects that view to the corresponding controller function.
· Next, Angular JS executes the controller functions. It then renders the views with data from the model populated by the controller. The page gets ready.

When the page is loaded in the browser, following things happen:
· HTML document is loaded into the browser, and evaluated by the browser. Angular JS JavaScript file is loaded; the angular global object is created. Next, JavaScript which registers controller functions is executed.
· Next Angular JS scans through the HTML to look for Angular JS apps and views. Once view is located, it connects that view to the corresponding controller function.
· Next, Angular JS executes the controller functions. It then renders the views with data from the model populated by the controller. The page gets ready.