import { NgModule } from "@angular/core"; import { Routes, RouterModule } from "@angular/router"; import { Demo1Component } from "./pages/demo1/demo1.component"; import { Demo2Component } from "./pages/demo2/demo2.component"; import { Demo3Component } from "./pages/demo3/demo3.component"; import { Demo4Component } from "./pages/demo4/demo4.component"; const routes: Routes = [ { path: "demo1", component: Demo1Component }, { path: "demo2", component: Demo2Component }, { path: "demo3", component: Demo3Component }, { path: "demo4", component: Demo4Component } ]; @NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] }) export class AppRoutingModule {}