如何更改 Angular 中的 url 参数？

Question

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

类似于：

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

(页码是我要点赞的页码/videos/3)

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

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

但它给我错误。

如何使用 Angular router 和 relative urls.

实现

Answer 1

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

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

...

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

...

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

如何更改 Angular 中的 url 参数？

How can I change url parameters in Angular?

javascript

typescript

angular-routing

angular

angular-router