Hi Readers,

Today, I will be discussing about the "Bootstrapping" in AngularJS. AngularJS is a JavaScript framework. Everyone knows that we have dependency injection in AngularJS but at what time does dependency injection actually gets executed and who is responsible behind it.

The ngApp is using for Bootstrapping in AngularJS apps automatically the directive is very easy and suitable for most cases. In advanced cases, such as when using script loaders, we can use the manual way to bootstrap our app.

Following are 3 process which took place when app is bootstrap:-

Firstly, the injector is created which is responsible for dependency injection.

Secondly, injector then create root scope which will then become the context for the model of our created application.

Thirdly, AngularJS will then "compile" the DOM. It will start from at the ngApp root element processing any directives and bindings found along the way.

Hence when an application is bootstrapped, it then wait for any event to be generated by the browser or some HTTP response that might change the model. When such an event occurs, Angular then detects whether it has caused any model changes or not. If changes are found, Angular will update all the affected bindings reflect them in the view.