graph LR
Router["Router"]
NavigationTransitions["NavigationTransitions"]
UrlTree["UrlTree"]
RouterState["RouterState"]
Recognize["Recognize"]
RouterOutlet["RouterOutlet"]
RouterLink["RouterLink"]
RouterModule["RouterModule"]
RouterModule -- "configures and makes available" --> Router
Router -- "delegates execution to" --> NavigationTransitions
Router -- "uses" --> UrlTree
Router -- "updates" --> RouterState
RouterLink -- "uses" --> Router
RouterLink -- "creates" --> UrlTree
NavigationTransitions -- "uses" --> Recognize
NavigationTransitions -- "updates" --> RouterState
Recognize -- "processes" --> UrlTree
RouterOutlet -- "renders components based on" --> RouterState
RouterState -- "provides context for" --> RouterOutlet
click Router href "https://github.com/CodeBoarding/GeneratedOnBoardings/blob/main/angular/Router.md" "Details"
click NavigationTransitions href "https://github.com/CodeBoarding/GeneratedOnBoardings/blob/main/angular/NavigationTransitions.md" "Details"
click UrlTree href "https://github.com/CodeBoarding/GeneratedOnBoardings/blob/main/angular/UrlTree.md" "Details"
click Recognize href "https://github.com/CodeBoarding/GeneratedOnBoardings/blob/main/angular/Recognize.md" "Details"
click RouterOutlet href "https://github.com/CodeBoarding/GeneratedOnBoardings/blob/main/angular/RouterOutlet.md" "Details"
click RouterModule href "https://github.com/CodeBoarding/GeneratedOnBoardings/blob/main/angular/RouterModule.md" "Details"
The Angular Routing & Navigation subsystem is responsible for managing navigation and state transitions within an Angular application, mapping URLs to components and handling route activation. Its core functionality revolves around interpreting URLs, matching them to defined routes, executing navigation guards, resolving data, and rendering the appropriate components.
Router [Expand]
The primary orchestrator of the routing process. It initiates and manages the entire navigation lifecycle, serving as the main programmatic interface for navigation.
Related Classes/Methods:
NavigationTransitions [Expand]
Manages the detailed steps of a navigation request, implementing the navigation pipeline. This includes executing guard checks, resolving data, and loading components.
Related Classes/Methods:
UrlTree [Expand]
Represents the parsed, canonical structure of a URL within the router. It enables programmatic manipulation and comparison of URL segments, query parameters, and fragments.
Related Classes/Methods:
Represents the current state of the router, providing access to the activated route tree and its properties. It reflects the current navigation context, including activated routes, parameters, and data.
Related Classes/Methods:
Recognize [Expand]
The core route matching engine. It matches a given UrlTree against the configured route definitions to determine the activated route hierarchy.
Related Classes/Methods:
RouterOutlet [Expand]
A structural directive that acts as a placeholder in the template where the router should render the component for the active route. It enables dynamic view composition based on the current URL.
Related Classes/Methods:
A directive that allows for declarative navigation within templates, transforming router commands into clickable links. It provides a user-friendly way to trigger navigation without programmatic calls.
Related Classes/Methods:
RouterModule [Expand]
An Angular module that provides the necessary services, directives, and configuration for the Angular Router to function within an application. It is the entry point for integrating the router.
Related Classes/Methods: