如何从具有单独路由模块的组件路由到同级路由模块

时间:2020-07-19 00:07:18

标签: angular typescript routes angular-routing angular-module

大多数路由文档和问题似乎都指向具有简单组件映射的项目,尽管我所有的组件都有相应的路由模块。我正在努力导航到同级路由模块。

基于以下架构,我位于选择组件中,并尝试以编程方式重定向到概述模块

我有一个布局路由模块,其中包含:

var map = new Map();

map.set("a", 1);
map.set("b", 0);
map.set("w", -4);
const sortedMapByValue= new Map([...map.entries()].sort((a, b) => a[1] - b[1]));

我的选择模块然后导入SelectionRoutingModule,如下所示:

const routes: Routes = [


{
    path: '',
    redirectTo: '/selection',
    pathMatch: 'full'
  },
  {
    path: '',
    component: MainLayoutComponent,
    children: [
      { path: 'budget', loadChildren: () => BudgetModule },
      { path: 'procurement', loadChildren: () => ProcurementModule },
      { path: 'team', loadChildren: () => TeamModule },
      { path: 'overview', loadChildren: () => OverviewModule },
    ]
  },
  {
    path: '',
    component: TopNavbarOnlyLayoutComponent,
    children: [
      { path: 'selection', loadChildren: () => SelectionModule }
    ]
  },
];

@NgModule({
  declarations: [],

  imports: [
    FontAwesomeModule,
    RouterModule.forChild(routes)
  ],

  exports: [RouterModule]
})

因此,如果我位于selection.component.ts中,如何路由到总览模块?到目前为止,所有的努力都导致了错误:无法匹配任何路线

0 个答案:

没有答案