Creating routes for navigation

- [Instructor] If you recall, we generated…three components in total.…A header component, a products component,…and an about component.…While we generated three, we only need…to create routes for two because…the header will always be present.…At the time of recording this video,…the Angular command line interface…does not support generating routes,…so we will have to do the work manually.…So, let's first create a file called app.routes.ts.…

Okay so inside we have to import three different modules…from two libraries.…So first,…we're going to import ModuleWithProviders…from the Angular core.…And then next we're going to import two different libraries,…Routes and RouterModule…from the Angular router.…

Next we have to import our components.…So we're going to import our AppComponent…from app.component.…And I'll just copy this.…And this next one we're going to import our AboutComponent,…and we'll change the location here as well…to /about/about.component.…

And we'll copy this.…And then finally, our ProductsComponent.…And this will be products, and finally products here.…