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 the array of objects that were passed to the Routes variable. The first property is path: and it is indicating the URL that will be displayed in the browser address bar. The second property is the component...