import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import {AdminComponent} from "./Components/admin/admin/admin.component"; import {AppComponent} from "./app.component"; import {EditComponent} from "./Components/edit/edit.component"; import {LandingComponent} from "./Components/landing/landing.component"; import {GreenComponent} from "./Components/green/green.component"; import {RedComponent} from "./Components/red/red.component"; import {BlueComponent} from "./Components/blue/blue.component"; import {LuckComponent} from "./Components/luck/luck.component"; import {WinnerComponent} from "./Components/winner/winner.component"; const routes: Routes = [ {path: "", redirectTo: "home", pathMatch: "full"}, {path: "home", component: LandingComponent}, {path: "admin", component: AdminComponent}, {path: "admin/edit/:id", component: EditComponent}, {path: "green/:id", component: GreenComponent}, {path: "red/:id", component: RedComponent}, {path: "blue/:id", component: BlueComponent}, {path: "luck/:id", component: LuckComponent}, {path: "winner/:id", component: WinnerComponent}, {path: "**", redirectTo: "home"} ]; @NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] }) export class AppRoutingModule { }