在 Angular 5 中使用 url 和 ./ 进行导航

Question

我的html中有这个：

(click)="openAlbum($event, album.post_id)"

在我的ts中：

openAlbum(event, post_id) {
this.router.navigate(['../my-albums/' + post_id]);
}

我现在站在这个网址中：http://localhost:4200/profile/username/photos

我希望网址变成：http://localhost:4200/profile/username/my-albums

但结果是：http://localhost:4200/my-albums

Answer 1

在链接参数数组之后，将一个将 relativeTo 属性设置为激活路由的对象。然后，路由器根据活动路由的位置计算目标 URL。你可以这样尝试：

this.router.navigate(['../my-albums/' + post_id], { relativeTo: this.route });