Saturday, May 14, 2022

What is application bootstrapping in angular ?

 Bootstrapping is the process of starting application in angular. 

The entry point for an angular application is index.html. 


Index.html loads required javascripts. Then angular loads the main module and components which are by default app.module and app.component. 


Angular booting is a six step process: 

  1. Load index.html
  2. Load Angular, Other Libraries, and App Code
  3. Execute main.ts File
  4. Load App-Level Module
  5. Load App-Level Component
  6. Process Template



https://www.pluralsight.com/guides/bootstrapping-an-application-in-angular

https://angular.io/guide/bootstrapping


Angular NgModule is a component which specifies how different part of the application fit togather.

@NgModule decorator takes  four metadata objects: 


declarations

imports

providers 

bootstrap



Frequently used Angular modules 

BrowserModule

CommonModule  (NgIf and NgFor)

FormsModule

ReactiveFormsModule

RouterModule

HttpClientModule

Note that BrowserModule imports CommonModule and re-exports it.

No comments:

Post a Comment

How to check local and global angular versions

 Use the command ng version (or ng v ) to find the version of Angular CLI in the current folder. Run it outside of the Angular project, to f...