How do I set up nested routes in Angular using Angular CLI?

How do I set up nested routes in Angular using Angular CLI?

To set up nested routes in Angular, you first need to define your routes in the routing module. You can create a parent route and then add child routes to it.

Can you show me an example of how to define these routes?

Sure! In your app-routing.module.ts, you can define routes like this:

const routes: Routes = [
  { path: 'parent', component: ParentComponent, children: [
    { path: 'child1', component: Child1Component },
    { path: 'child2', component: Child2Component }
  ] }
];

What if I want to navigate to a child route?

You can navigate to a child route using the routerLink directive in your template like this:

<a [routerLink]='["/parent/child1"]'>Go to Child 1</a>

Is there a way to pass parameters to the child routes?

Yes, you can pass parameters by defining them in the route path. For example:

{ path: 'child/:id', component: ChildComponent }
``` And then you can access the parameter in the child component using ActivatedRoute.