How routing works in Angular (Brief overview)

Following is brief pictorial illustration related to angular routing:

1: If Url is changed either through router link or directly changed in address bar
2: It verifies if path exist & match in rotues.ts or routing related configuration file. It also check if routes require redirect as per configuration provided in routing file.
3: Also to check if there are process guard related to activate or deactivate  guard
4: To resolve data as per routes defined.
5: Activate component and nested components
6: Display templates and complete the routing cycles, defined in those components which become activated.

If You Enjoyed This, Take 5 Seconds To Share It

• 
• 
• 
• 
• 
•