如何更改Angular中的url参数？

Question

例如，我有一个 url /videos/5 ，它显示我的视频页面的第5页。 例如，如何使用 Angular 路由器更改到第3页。 有没有一种方法可以“相对导航”，而不必将videos传递给 url。

就像是：

this.router.navigate([`/${pageNumber}`])

（页码是我要go点赞/videos/3的页码）

我环顾四周，但找不到我尝试过的解决方案

this.router.navigate([`../${pageNumber}`], { relativeTo: this.activatedRoute.parent })

但它给了我错误。

如何使用Angular 路由器和相关 url实现此目的。

Answer 1

是的，您可以将relativeTo与ActivatedRoute的实例一起使用，如下所示：

import { ActivatedRoute, Router } from '@angular/router';

...

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

...

this.router.navigate([`../${pageNumber}`], { relativeTo: this.activatedRoute })