如何導航到參數

Question

我在與當前路線圖的路線：

http://localhost:4200/#/corp/projects/detail/05940c57/page1

我想要去

http://localhost:4200/#/corp/projects/detail/05940c57/page2

是否有辦法使用navigate()或更改爲「page2」？

Answer 1

你是如何到達的第一個網址，但假設你有一個像

{path: 'detail/:id/:page', component: ProjectDetailComponent} 

的配置，你可以找到它如下目前尚不清楚：

export class AppComponent { 

    constructor (private router: Router) {} 

    onClick() { 
    this.router.navigate(['/detail', '05940c57', 'page2']); 
    } 
} 

Answer 2

您可以使用relativeTo：

constructor (
    private activatedRoute: activatedRoute, 
    private router: Router 
) { } 

myFunc() { 
    this.router.navigate(['page2'], { relativeTo: this.activatedRoute }); 
}