Angular 4 路由仅适用于下一个路由

Question

我在 Angular 2 路由中遇到了一个奇怪的问题，我只能路由到下一页，但无法从该页面路由。

我有4个组成部分:主页，搜索结果，个人资料和管理。

当我第一次到达主页组件时，我可以导航到搜索结果，但从搜索结果中，我不能导航到除了主页组件之外的任何地方。

主组件和应用程序的顶部栏包含相同的逻辑（相同的代码）和顶部栏逻辑是工作正常的所有页面，而导航，即当我从任何页面导航到搜索结果页面的顶部栏按钮，我能够导航到下一页和任何其他页面。

我的路线：

{path: '', component: HomeComponent},
{path: 'seachresult', component: SearchResultComponent},
{path: ':code', component: ProfileComponent},
{path: 'admin/account', component: AdminComponent}

在这里，在上面的HomeComponent中，我尝试了以下方法:

• 将“”替换为“家”

｛path:“home”，component:HomeComponent｝，

• 更新路线如下：

{path： ''， redirectTo： 'home '， pathMatch： 'full'}， {path： 'home'， component： HomeComponent}，

• 直接从按钮的routerLink重定向到搜索结果页面

以上都不能解决问题。

单击搜索按钮时，将执行以下代码:

this.router.navigate(['vendors', 'pokhara']);

以下是package.json的版本：

<李> " rxjs": "^5.2.0", <李> " @angular/router": "^4.1.0",

Answer 1

希望你可能已经解决了这个问题，但如果你不能使用路由器进行路由。导航，为什么不在.ts中使用路由器链接或routeBy Url

import { Router } from '@angular/router';
....
 constructor(private router : Router){}
...
functionClick(){
this.router.navigateByUrl('/code');  // or any path
}

或者直接在html中使用

<span routerLink="/code"></span>