Editing Angular (section)

===Routing===
* see [https://indepth.dev/tutorials/angular/indepth-guide-to-passing-parameters-via-routing for a detailed description] or
* [https://angular.io/guide/router-tutorial-toh#route-parameters Angular Router Tutorial]
In Angular, the best practice is to load and configure the router in a separate, top-level module that is dedicated to routing and imported by the root AppModule. By convention, the module class name is <code>AppRoutingModule</code> and it belongs in the <code>app-routing.module.ts</code> in the <code>src/app</code> folder, which contains a routing table (sequence is important!!!):
 const routes: Routes = [
   { path: '', component: LoginComponent},  // app root
   { path: 'bookmarks/menus/:id', component: MenuComponent}, 
   { path: 'welcome/:name', component: WelcomeComponent}, // parameter
   { path: '**', component: ErrorComponent} // matches everything
 ];

and in template:
 <router-outlet></router-outlet>
and in code:
 // see bookmarks.component.ts
 this.router.navigate(
   ['/menus', this.currentSubMenuObjects[subMenuIndex].uuid], // setting required route parameter
   { queryParams: { mode: "view"} } // setting query parameter
 ); 

====Route Information====
To get information of the route in the target component include in the ctor:
 private route: ActivatedRoute,
and 
 // by snapshot
 this.uuid = this.route.snapshot.paramMap.get('uuid');   
 this.mode = this.route.snapshot.queryParamMap.get('mode');
 // by observer
 this.id = +this.route.snapshot.params['id']; // to get parts of the 
 this.route.queryParams.subscribe(params => {this.parentId = +params['parentId'];}); // to get query params