Ways of Bootstrapping Angular Applications

Have you ever wondered about how the angular application bootstraps or in easy words how the application starts behind the scene and comes to the browser. If you have used your angular application with other application such as ReactJS, Vuejs etc. in the same environment or for example with any CMS system like WordPress or Adobe AEM than you would have probably have faced challanges and might have come across the term bootstrapping. In these scenarios application instantiation could be a big concern to achieve the desired goal.

In this article I will try to explain how the AngularJS (<v2 ) and the latest Angular ( >=v2 ) application bootstraps, what are the different ways and how you implement or control them.

So Lets begin !!

1 ) AngularJS (<v2 )

Lets talk about AngularJS first. I will try to keep it short and will cover only the important points but if you want know more in depth please check out the official angular doc at the following link :

https://docs.angularjs.org/guide/bootstrap

There are basically two ways one can bootstrap the AngularJS application:

1.1 Default or Automatic Bootstrapping

1.2 Manual Bootstrapping