问使用辅助插座时出现“无法匹配任何路由”错误
EN

Stack Overflow用户

提问于 2017-09-27 04:15:07

回答 1查看 352关注 0票数 2

我正在尝试使用http://127.0.0.1:8080/#/reset/finish?key=26983684729750581998 url访问组件。

路由配置提供了Error: Cannot match any routes. URL Segment: 'reset/finish'

export const passwordResetFinishRoute: Route = {
    path: 'reset/finish',
    component: PasswordResetFinishComponent,
    outlet: 'loginOutlet'
};

以下是我的路由器插座配置：

<router-outlet></router-outlet>
<router-outlet name="loginOutlet></router-outlet>

我确信我正在导入路由配置。因为当我删除outlet: 'loginOutlet'部件时，组件显示在主路由器中。

提供出口时，Angular找不到路由配置的原因是什么？

发布于 2017-09-27 04:41:30

这些路线有很大的区别。第一个是有子路由的路由，第二个是无子路由的基于命名组件的路由。

对于第一个示例，您将告诉加载路由作为插座的子节点。因此，一旦路由完成，它将在路由内搜索<router-outlet></router-outlet>并在那里加载PasswordResetFinishComponent。

由于没有提到名称，并且路由是''，它将作为子路由加载到内部。所以它将被直接加载

<router-outlet> <router-outlet></router-outlet> </router-outlet>。

但对于第二个，因为它是一个命名的路由器插座loginOutlet。因此，它将查找<router-outlet name='loginOutlet'></router-outlet>，并将组件加载到其中。

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/46435056

复制

相似问题

问使用辅助插座时出现“无法匹配任何路由”错误EN