I'm on a view with the current route:
http://localhost:4200/#/corp/projects/detail/05940c57/page1
And I want to get to
http://localhost:4200/#/corp/projects/detail/05940c57/page2
Is there a way to change to "page2" using navigate() or navigateByUrl()?
You can use relativeTo:
constructor (
private activatedRoute: activatedRoute,
private router: Router
) { }
myFunc() {
this.router.navigate(['page2'], { relativeTo: this.activatedRoute });
}
It's not clear how did you arrive to the first URL, but assuming you have a configuration like
{path: 'detail/:id/:page', component: ProjectDetailComponent}
you can navigate to it as follows:
export class AppComponent {
constructor (private router: Router) {}
onClick () {
this.router.navigate(['/detail', '05940c57', 'page2']);
}
}
{path: 'detail/:id', component: ProjectNavigationComponent, children: [{path:'revenue', component:RevenueModelComponent}, {path:'load', component:SystemLoadComponent}]}