What are some examples of nested routing in Angular?

What are some examples of nested routing in Angular?

Nested routing in Angular allows you to create routes within routes. For example, you can have a main route for a dashboard and nested routes for user settings and profile.

Can you show me a code example of nested routing?

Sure! Here's a simple example:

const routes: Routes = [
  { path: 'dashboard', component: DashboardComponent, children: [
    { path: 'settings', component: SettingsComponent },
    { path: 'profile', component: ProfileComponent }
  ]}
];

This sets up a dashboard with nested routes for settings and profile.

How do I navigate to a nested route?

You can navigate to a nested route using the Angular Router. For example:

this.router.navigate(['dashboard/settings']);

What if I want to pass parameters to a nested route?

You can pass parameters by defining them in the route path. For example:

{ path: 'profile/:id', component: ProfileComponent }

Then you can navigate to it like this:

this.router.navigate(['dashboard/profile', userId]);