Manual and Automatic bootstrapping in AngularJS

Manual and Automatic bootstrapping in AngularJS

In Javascript framework like AngularJS there is a bootstrapping process involved and there are certain flow that is involved in it.

There are two types bootstrapping involved in AngularJS:

  1. Automatic bootstrapping
  2. Manual Bootstrapping

Let us discuss it one by one.

  1. Automatic Bootstrapping:

Automatic bootstrapping in AngularJS starts with placing the script tag at the bottom of the page to improve the application loading time and it also ensure us that the HTML would not block HTML.

Here are the following points which are involved in the process:

  1. As soon as the AngularJS is loaded in the DOM, it will look for ng-app directive, which is also the entry point of the application.
  2. Then it will create the app injector which will retrieve object instances, invoke methods and load modules.
  3. Then it processes all other angular directives only under that DOM element.


  1. <html>
  2. <body ng-app=”myApp”>
  3.    Hello {{msg}}!

Read full Blog about Manual and Automatic bootstrapping in AngularJS visit Findnerd.


Findnerd is also a best place to solve your Tech Query, Ask Questions, Project Management etc.