Question

我是Angular 2的新手，我正在努力创建一个具有以下要求的示例项目结构，并在谷歌中搜索正确的链接。

我已经完成了第1步和第2步，但第3步令人困惑（可能是这个概念与不同模块之间的路由有关）

有没有人帮助我，

以下是要求。

第1步：登录页面。第2步：成功登录后，用户应该导航到包含三个链接的页面。

因此用户可以点击此页面中的任何一个链接。

步骤3：对于每个链接，点击用户应该导航到另一个页面，该页面包含与第二步中与特定链接相关的链接的导航菜单。

所以这里再次用户可以点击任何一个链接，并在clck后显示相对的html页面。

Answer 1

所以，你只想要嵌套路线。

你可以：

const routes : Routes = [
  {
    path: 'pages',
    loadChildren: 'app/pages/pages.module#PagesModule',
  }, {
    path: 'login',
    component: loginComponent,
 }
]

loadChildren在那里进行延迟加载

PagesModule的路线：

const routes : Routes = [
  {
    path: '',
    canActivate: [AuthGuard],
    component: PagesComponent,
    children: [
      {
        path: 'dashboard',
        component: DashboardComponent,
        children: [
          {
            path: 'whatever',
            component: WhateverComponent
          }, {
            path: 'morewhatever',
            component: MoreWhateverComponent
          },
        ],
      },
    ],
  },
];

Angular 4个不同的菜单选项，基于仪表板页面中的链接点击

1 个答案: