Angular Services

Switching to SPA

To turn this application into an SPA, follow these steps:

1. Open app.routes.ts, import all components, and then define routes for each component as follows:

           // src/app/app.routes.ts 
           import {Routes} from '@angular/router'; 
           import {CollectorComponent} from "./collector/collector.component"; 
           import {RatingComponent} from "./rating/rating.component"; 
           import {NotifierComponent} from "./notifier/notifier.component"; 
    
           export const rootRouterConfig: Routes = [ 
             {path: '', redirectTo: 'collector', pathMatch: 'full'}, 
             {path: 'collector', component: CollectorComponent}, 
             {path: 'rating', component: RatingComponent}, 
             {path: 'notifier', component: NotifierComponent} 
           ]; 
   

   Now notice ...