在TypeScript中调用Angular路由器

Question

我在这样的页面中有一个按钮:

<button [routerLink]="['../edit', 14]">Test</button>

所以,如果我在http://localhost/dashboard并点击按钮,我会被重定向到http://localhost/dashboard/edit/14,这正是我所期望的.

现在我需要在Typescript中做同样的事情.我Router在我班上注入了这项服务并尝试了以下方法:

this.router.navigate([`../edit/${item.id}`]);

this.router.navigate([`/edit/${item.id}`]);

this.router.navigate([`edit/${item.id}`]);

但没有一个工作,所有这些都将我重定向到我的起始页面,没有任何错误.

是否Router需要一些额外的设置？

Answer 1

您需要指定相对于当前路由的路由.以下是如何做到这一点:

@Component({...})
class ChildComponent {
  constructor(private router: Router, private route: ActivatedRoute) {}

  go() {
    this.router.navigate([`../edit/${item.id}`], { relativeTo: this.route });
  }
}

以下是文档描述的relativeTo属性NavigationExtras类