时间戳

首页 > 解决方案 > Angular 找不到命名的路由器出口

angular - Angular 找不到命名的路由器出口

问题描述

我的应用程序中有两个路由器插座。一个是主路由器插座，其他路由器插座在加载了延迟加载模块的组件模板中。路由器出口的名称是pr，我在延迟加载模块中为该路由定义了路径，如下所示

{outlet:'pr',path: 'students', component: StudentTableComponent, canActivate: [AuthGuard]}

在组件内部，我有路由器链接。

<button mat-button mat-stroked-button 
[routerLink]="[{ outlets: { pr:'students'} }]">View Students
 </button>

在同一个组件中，我将<router-outlet name="pr"></router-outlet>. 单击链接后，应用程序正确导航显示project/132/(pr:students). 尽管没有显示组件，但没有出现错误。如果我将路由器插座放在具有主插座的主要组件中，它会加载。前任：

<router-outlet></router-outlet>

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

但是在将出口移到其他地方后，Angular 将无法识别出口

标签： angulartypescriptangular-ui-router

解决方案

推荐阅读