如何导航到带参数的路线

Question

我正在查看当前路线：

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

我想去

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

有没有办法使用navigate()或navigateByUrl()更改为“page2”？

Answer 1

您可以使用relativeTo：

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

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

Answer 2

目前尚不清楚您是如何到达第一个网址的，但假设您的配置类似于

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

您可以按如下方式导航到它：

export class AppComponent {

  constructor (private router: Router) {}

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