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.