javascript - 如何更改 Angular 中的 url 参数？

Question

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

就像是：

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

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

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

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

但它给了我错误。

如何使用Angular 路由器和相关 urls来实现这一点。

标签： javascriptangulartypescriptangular-routingangular-router

Answer 1

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

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

...

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

...

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