import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { LoginComponent } from '../app/login/login.component'; import { HomeComponent } from '../app/home/home.component'; //import {SignupComponent} from '../app/signup/signup.component'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { DvrEntryComponent } from '../app/createentry/dvrentry.component'; import { ContactComponent } from '../app/contact/contact.component'; import { DatePipe } from '@angular/common'; import { CustomerComponent } from '../app/customer/customer.component'; import { PasswordComponent } from './password/password.component'; const routes: Routes = [ { path: '', redirectTo: 'login', pathMatch: 'full' }, { path: 'login', component: LoginComponent }, { path: 'home', component: HomeComponent }, { path: 'dvrentry', component: DvrEntryComponent }, { path: 'dvrentry/:id', component: DvrEntryComponent }, { path: 'contactDetails', component: ContactComponent }, { path: 'contactDetails/:contact/:id', component: ContactComponent }, { path: 'customer', component: CustomerComponent }, { path: 'password', component: PasswordComponent } ]; @NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule, ReactiveFormsModule, FormsModule] }) export class AppRoutingModule { }