Angular application architecture
- Angular.json file will contain all the configurations of the app.
- The builder looks at this file to find the entry point (main.ts) of the application
- The main.ts file creates a browser environment for the application to run
- calls a function called bootstrapModule, which bootstraps the application via AppModule (declared in the app.module.ts file. )
- AppModule contains declarations of all the components, this will bootstrap AppComponenet (defined in app.component.ts file)
- AppComponent interacts with the webpage and serves data to it.
- Each component is declared with three properties:
- Selector - used for accessing the component
- Template/TemplateURL - contains HTML of the component
- StylesURL - contains component-specific stylesheets
- After this, Angular calls the index.html file. This file consequently calls the root component that is app-root. The root component is defined in app.component.ts.
- Read more about Angular components, modules, and services here.
