import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { AllGamesComponent } from './components/all-games/all-games.component'; import { AllplayersComponent } from './components/allplayers/allplayers.component'; import { CreateGameFormComponent } from './components/create-game-form/create-game-form.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: AllGamesComponent}, {path: 'players', component: AllplayersComponent}, {path: 'team/players/:id', component: TeamPlayersComponent}, {path: 'game/create', component: CreateGameFormComponent} ]; @NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] }) export class AppRoutingModule { }