名称路由器出口剂量显示角部分

Question

我有一个侧边栏，旁边有一个部分，负责显示组件。 在“章节标签”部分的内部，我以这种方式将路由器输出放置：

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

侧边栏标签中有一个链接：

<a [routerLink]="[ { outlets: { adminoutlet: ['projecttype'] } }]" style="margin-bottom: 5px"
                                   class="list-group-item list-margin"><i class="glyphicon glyphicon-user"></i> project kind</a>

这样的文件中有一个路由：

const routes: Routes = [
    { path: "admin", component: AdminComponent, canActivate: [AuthGuard, PermissionGuard], data: { pageid: "f4e8c4ed-9871-40ab-98c1-75e9608d822a" } },
    { path: "admin/projecttype", component: ProjectTypeComponent,canActivate: [AuthGuard] },
    { path: "admin/area", component: AreaComponent, canActivate: [AuthGuard] },
    { path: "admin/iteration", component: IterationComponent, canActivate: [AuthGuard] },
    { path: "admin/member", component: MemberComponent, canActivate: [AuthGuard] },
    { path: "admin/workitemtype", component: WorkItemTypeComponent, canActivate: [AuthGuard] },
    { path: "admin/state", component: StateComponent , canActivate: [AuthGuard]},
    { path: "admin/memberiteration", component: MemberIterationComponent, canActivate: [AuthGuard] },
    { path: "admin/memberarea", component: MemberAreaComponent, canActivate: [AuthGuard] },
    { path: "admin/workitemtypestate", component: WorkItemTypeStateComponent, canActivate: [AuthGuard] },
    { path: "admin/reason", component: ReasonComponent , canActivate: [AuthGuard]},
    { path: "admin/workitemlinktype", component: WorkItemLinkTypeComponent, canActivate: [AuthGuard] },
    { path: "admin/board", component: BoardComponent, canActivate: [AuthGuard] },
    { path: "admin/column", component: ColumnComponent, canActivate: [AuthGuard] },
    { path: "admin/boardworkitemtype", component: BoardWorkItemTypeComponent, canActivate: [AuthGuard] },
    { path: "admin/fieldvalue", component: FieldValueComponent, canActivate: [AuthGuard] },
    { path: "admin/workitemtypelink", component: WorkItemTypeLinkComponent, canActivate: [AuthGuard] },
    { path: "admin/fieldcategory", component: FieldCategoryComponent, canActivate: [AuthGuard] },
    { path: "admin/field", component: FieldComponent , canActivate: [AuthGuard]},
    { path: "admin/workitemtype-field", component: WorkItemTypeFieldComponent , canActivate: [AuthGuard]},
    { path: "admin/workitemtype-fieldvalue", component: WorkItemTypeFieldValueComponent, canActivate: [AuthGuard] },
    { path: "admin/team", component: TeamComponent, canActivate: [AuthGuard] },
    { path: "admin/fieldOrder", component: WorkitemFieldOrderComponent, canActivate: [AuthGuard] },
    { path: "admin/copytemplate", component: CopytemplateComponent, canActivate: [AuthGuard] },
    { path: "admin/informationNote", component: informationNoteComponent, canActivate: [AuthGuard] },
    { path: "admin/boardTag", component: BoardTagComponent, canActivate: [AuthGuard] },
    { path: "admin/configIssueReportAccess", component: ConfigIssueReportAccessComponent, canActivate: [AuthGuard] },
    { path: "admin/productResources", component: ProductResourcesComponent, canActivate: [AuthGuard] },
    { path: "admin/label", component: LabelComponent, canActivate: [AuthGuard] },
    { path: "admin/editproject", component: EditProjectComponent, canActivate: [AuthGuard] },
    { path: "admin/defineFamsBotCommand", component: DefineFamsBotCommandComponent, canActivate: [AuthGuard] },
    { path: "admin/importanceDegree", component: ConfigImportanceDegreeComponent, canActivate: [AuthGuard] }
];

但是一旦我单击该组件，它就不会在Router-Outlet中显示它打开了其他独立的地方，我在下面遇到此错误。

undurew（在承诺中）：错误：无法匹配任何路线。 URL段： “团队”错误：无法匹配任何路线。 URL段：“团队”

Answer 1

只需在您的app.components.ts中写入

<router-outlet></router-outlet>

，然后在导航组件中写

<a [routerLink]=“projecttype”>Project type</a>