angular - 错误 : Cannot match any routes. URL 段: 'homePage'

Question

我想在点击登录按钮后转到主页，但我一直收到错误:

错误:无法匹配任何路由。网址段:“主页”

这是我的路线:

{
  path: 'homePage',
  component: HomePageComponent,
  outlet:'homePage'
},
{ 
  path: 'login',
  component:LoginComponent
},  
{ 
  path: '',
  redirectTo: '/login',
  pathMatch: 'full'
} 

这是要点击的按钮:

<button routerLink="homePage" id="login" md-button>Log in</button>
<router-outlet name="homePage"></router-outlet>

Answer 1

您必须像这样告诉路由器在您指定的 socket 内路由:

<button [routerLink]="[{ outlets:{ homePage: ['homePage']} }]">
  Edit
</button>

可以找到更多关于命名 socket 路由的信息 here .

---

正如我在此回答的评论中所述，听起来您只想拥有一个简单的未命名路由器 socket 。

确保您的应用组件模板中只有一个 socket :

<router-outlet></router-outlet>

然后从您的 route 删除 outlet 属性:

{
    path: 'homePage',
    component: HomePageComponent
}

对于路由器链接，只需使用

<button routerLink="/homePage></button>