其他页面中的路由器导航

Question

我有appcomponent，这里我添加了所有路由。在下一页我几乎没有链接。每个链路将路由到相同的路由器插座。如何在点击标签时导航。

尝试[routerLink] =“['PersonInvolved']”。但是得到的错误就像“无法绑定到'routerLink'，因为它不是已知的本机属性”。由于路由器和路由器出口在第一个组件中定义。我正在从step1组件链接路由器。

Answer 1

所以我目前遇到同样的问题。我找到了一个解决方法，直到问题得到解决。但我注意到我的依赖关系是router 3.0.0-beta2，因此可能值得升级到最新版本。我受时间限制，所以这就是我所做的。

在组件的ts文件中，您希望链接使用依赖项注入来获取router对象。

//Something like this.
constructor(private router: Router){
}

然后创建一个导航功能：

navigateSomewhere(){
   this.router.navigate(['yourPage']);
}

然后在<a>标记上执行此操作<a (click)="navigateSomewhere()">Click</a>