src/app/app-routing.module.ts
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { NotFoundComponent } from './404/404.component';
import { AccomodationComponent } from './accomodation/accomodation.component';
import { AccomodationdescriptionComponent } from './accomodationdescription/accomodationdescription.component';
import { ActivitieslistComponent } from './activitieslist/activitieslist.component';
import { ActivityComponent } from './activity/activity.component';
// import { ActivitydescriptionComponent } from './toDelete/activitydescription.component';
import { ActivitytypeComponent } from './activitytype/activitytype.component';
import { CrudComponent } from './crud/crud.component';
import { HomeComponent } from './home/home.component';
import { ItineraryComponent } from './itinerary/itinerary.component';
import { TripsummaryComponent } from './tripsummary/tripsummary.component';
const routes: Routes = [
{ path: '', redirectTo: '/', pathMatch: 'full' },
{ path: '', component: HomeComponent },
{ path: ':tripId', component: HomeComponent },
{ path: 'trip/:tripId/accommodation/:activityId', component: AccomodationComponent },
{ path: 'trip/:tripId/activity/:activityId', component: ActivityComponent },
{ path: 'trip/:tripId/activities', component: ActivitieslistComponent },
{ path: 'trip/:tripId/itinerary', component: ItineraryComponent },
{ path: 'trip/:tripId/summary', component: TripsummaryComponent },
{ path: 'crud/:component/:type', component: CrudComponent },
{ path: 'crud', redirectTo: '/crud/dataset/categories'},
// { path: '**', component: NotFoundComponent },
{ path: 'activitytype/:activitytype', component: ActivitytypeComponent},
{ path: 'trip/:tripId/activitytype/:activitytype', component: ActivitytypeComponent},
{ path: 'trip/:tripId/activity/:activityId/:accommodation', component: AccomodationdescriptionComponent}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }