其他页面中的路由器导航

【问题标题】：Router navigation in other page其他页面中的路由器导航
【发布时间】：2017-01-01 19:06:44
【问题描述】：

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

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

【问题讨论】：

【解决方案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>

【讨论】：