SyntaxFix

[javascript] Angular 2 router.navigate

If the first segment doesn't start with / it is a relative route. router.navigate needs a relativeTo parameter for relative navigation

Either you make the route absolute: 

this.router.navigate(['/foo-content', 'bar-contents', 'baz-content', 'page'], this.params.queryParams)

or you pass relativeTo

this.router.navigate(['../foo-content', 'bar-contents', 'baz-content', 'page'], {queryParams: this.params.queryParams, relativeTo: this.currentActivatedRoute})

See also

Examples related to javascript

• need to add a class to an element • How to make a variable accessible outside a function? • Hide Signs that Meteor.js was Used • How to create a showdown.js markdown extension • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Summing radio input values • How to execute an action before close metro app WinJS • javascript, for loop defines a dynamic variable name • Getting all files in directory with ajax

Examples related to angular

• error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class • error TS1086: An accessor cannot be declared in an ambient context in Angular 9 • TS1086: An accessor cannot be declared in ambient context • @angular/material/index.d.ts' is not a module • Why powershell does not run Angular commands? • error: This is probably not a problem with npm. There is likely additional logging output above • Angular @ViewChild() error: Expected 2 arguments, but got 1 • Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class' • Access blocked by CORS policy: Response to preflight request doesn't pass access control check • origin 'http://localhost:4200' has been blocked by CORS policy in Angular7

Examples related to angular2-routing

• 'router-outlet' is not a known element • How to reload page the page with pagination in Angular 2? • Error: Cannot match any routes. URL Segment: - Angular 2 • Can't bind to 'routerLink' since it isn't a known property • Passing data into "router-outlet" child components • How to determine previous page URL in Angular? • How to get parameter on Angular2 route in Angular way? • Angular 2 Scroll to top on Route Change • Angular routerLink does not navigate to the corresponding component • Angular 2 router.navigate