angular-router

I'm working on a little project of mine in order to learn something more about Angular, but I really cannot figure out how to implement a multi-leveled routing. I've read the documentation about the new release of the Router Component and also some other topics on StackOverlfow ( first , second , third ), but I cannot find a solution to my problem. Let's consider the following app structure , without considering the Test and Test2 blocks. And let's consider the components of my app as following: main.ts import { bootstrap } from '@angular/platform-browser-dynamic'; import { MyAppComponent }

Given a route config { path: '/root/:rootId', children: [{ path: '/child1/:child1Id', children: [{ path: '/child2/:child2Id component: TestComponent }] }] } In TestComponent how can I easily get all route params. I'm wondering if there is an easier way than let rootId = route.parent.parent.snapshot.params; let child1Id = route.parent.snapshot.params; let child2Id = route.snapshot.params; This seems overly redundant especially if I'm watching the route params observable instead of access the param through the route snapshot. This method also seems fragile since it would break If I moved any any

I am using angular 5. I have a dashboard where I have few sections with small content and few sections with so large content that I am facing a problem when changing router while going to top. Every time I need to scroll to go to top. Can anyone help me to solve this issue so that when I change the router my view always stay at the top. Thanks in advance. A router outlet will emit an activate event any time a new component is being instantiated, so (activate) event could be to scroll (for example) to the top: app.component.html <router-outlet (activate)="onActivate($event)" ></router-outlet>

I am working on the Angular-6 project. I have many child routes for my application. One of them is as follow: const routes: Routes = [ { path: 'innovation-track/:innovation-track-id', component: InnovationTrackComponent, children: [ { path: 'sprint', component: ScrumBoardComponent } ] } ]; I want to get innovation-track-id value from URL in my ScrumBoardComponent . I know I can get this by doing following: constructor(private _route: ActivatedRoute) { } //somewhere in method this._route.snapshot.parent.paramMap But, I want to fetch innovation-track-id value in any component, doesn't matter if

I want to use this custom route reuse strategy for just one module: export class CustomRouteReuseStrategy extends RouteReuseStrategy { public shouldDetach(route: ActivatedRouteSnapshot): boolean { return false; } public store(route: ActivatedRouteSnapshot, detachedTree: DetachedRouteHandle): void {} public shouldAttach(route: ActivatedRouteSnapshot): boolean { return false; } public retrieve(route: ActivatedRouteSnapshot): DetachedRouteHandle { return null; } public shouldReuseRoute(future: ActivatedRouteSnapshot, curr: ActivatedRouteSnapshot): boolean { return true; } } So I've passed into