how to navigate to a named router-outlet by running a function on click? in Angular 4?

Question

i used this method to navigate to named router-outlet => ( link -> [routerLink]="[{ outlets: { 'dashboard': ['userprofile'] } }] & Router-oulet -> ) , now how can i navigate to this router by a function? or how to use outlet name in "this.router.navigate" ?

route to this ->

<router-outlet name="dashboard"></router-outlet> 

by this link in html template ->

[routerLink]="[{ outlets: { 'dashboard': ['userprofile'] } }]

now, how can i navigate to the dashboard router-outlet by running a function? using this.router.navigate?

Answer 1

It should look more or less like:

this.router.navigate([{outlets: {'dashboard':'userprofile'}}],{
  relativeTo: this.route
});