How do I set up routing in Angular using Angular CLI?

How do I set up routing in Angular using Angular CLI?

To set up routing in Angular, first ensure you have Angular CLI installed. Then, create a new Angular project using ng new my-app. After that, navigate to your project folder and run ng generate module app-routing --flat --module=app to create a routing module.

What do I do after creating the routing module?

Next, you need to define your routes in the app-routing.module.ts file. Import the components you want to route to and set up the routes array with path and component pairs.

Can you give me an example of how to define a route?

Sure! Here's an example:

const routes: Routes = [
  { path: 'home', component: HomeComponent },
  { path: 'about', component: AboutComponent },
  { path: '', redirectTo: '/home', pathMatch: 'full' }
];

This sets up routes for 'home' and 'about' components.

How do I use the router in my templates?

You can use the <router-outlet></router-outlet> directive in your main template to display the routed components. Also, use the routerLink directive in your navigation links to navigate between routes.