Angular Application Execution Cycle Summary

I came across a question about what is execution cycle of angular application in summarize manner. So following illustration will help us better understanding the execution flow of angular app:

• Main.ts runs first

• Based on definition of Main.ts, it will load "app.module.ts" which actually define "AppModule"

• For "AppComponent" defined in "app.module.ts", this will load "app.component.ts"

• A custom HTML element "app-root" linked as selector in "app.component.ts"

• This "app-root" is linked to custom tag defined in "index.html"

 

If You Enjoyed This, Take 5 Seconds To Share It

• 
• 
• 
• 
• 
•