Q1. What is routing in Angular?
Routing in Angular enables navigation between different views or components based on the URL. It allows building single-page applications where content changes without page reload. Angular''s Router module interprets browser URLs and renders corresponding components. It supports features like parameterized routes, child routes, guards, and lazy loading.
Q2. What are the main components of Angular routing?
Main components: RouterModule (provides router directives and services), Routes (array of route definitions), RouterOutlet (directive that marks where to display routed views), RouterLink (directive for navigation links), Router (service for programmatic navigation), ActivatedRoute (service to access route parameters).
Q3. How do you set up routing in an Angular application?
When creating a project with CLI, you can choose to include routing. Alternatively, manually: create an AppRoutingModule, define routes, use RouterModule.forRoot(routes), and add in the template. Example:
const routes: Routes = [
{ path: ''home'', component: HomeComponent },
{ path: '''', redirectTo: ''/home'', pathMatch: ''full'' }
];
Q4. What is the difference between RouterModule.forRoot() and forChild()?
forRoot() is used in the root module to configure the router with routes and provide router services. forChild() is used in feature modules to add routes without re-initializing the router. forChild() merges the routes with the root configuration.
Q5. What is the purpose of ?
is a directive that acts as a placeholder where the router renders the component for the current route. It''s typically placed in the root component template. You can have multiple outlets (named outlets) for more complex layouts.