Question

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

Error: Cannot match any routes. URL Segment: 'homePage'

这是我的路线：

{
  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

您必须告诉路由器在您的指定商店内进行路由，如下所示：

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

有关使用指定商店进行路由的详情，请访问here。

正如我在回答的评论中所说，听起来你只想拥有一个简单的无名路由器插座。

确保您的应用组件模板中只有一个插座：

<router-outlet></router-outlet>

然后从您的路线中移除插座属性：

{
    path: 'homePage',
    component: HomePageComponent
}

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

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

Answer 2

尝试更改

<button routerLink="homePage">

到

<button routerLink="/homePage"

错误：无法匹配任何路由。网址细分：＆＃39;主页＆＃39;

2 个答案: