app.routes.ts

import { Routes } from '@angular/router';
import { cancelGuard } from './cancel-guard.guard';
import { CancelComponent } from './cancel/cancel.components';
import { ComponentTrackingComponent } from './component-tracking/component-tracking.components';
import { HomeComponent } from './home/home.component';
import { UserComponent } from './user/user.component';

export const routes: Routes = [
  {
    path: 'users/:id',
    component: UserComponent,
  },
  {
    path: 'home',
    component: HomeComponent,
  },
  {
    path: 'cancel',
    component: CancelComponent,
    canActivate: [cancelGuard],
  },
  {
    path: 'component-tracking',
    component: ComponentTrackingComponent,
  },
  {
    path: 'redirect1',
    redirectTo: '/redirect2',
  },
  {
    path: 'redirect2',
    redirectTo: '/redirect3',
  },
  {
    path: 'redirect3',
    redirectTo: '/users/456',
  },
  {
    path: '**',
    redirectTo: 'home',
  },
];