import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { AllplayersComponent } from './components/allplayers/allplayers.component'; import { GamesComponent } from './components/games/games.component'; import { TeamPlayersComponent } from './components/team-players/team-players.component'; import { TeamsComponent } from './components/teams/teams.component'; const routes: Routes = [ {path: 'teams', component: TeamsComponent}, {path: 'games', component: GamesComponent}, {path: 'allplayers', component: AllplayersComponent}, {path: 'team/players/:id', component: TeamPlayersComponent} ]; @NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] }) export class AppRoutingModule { }