角度4不同的菜单选项基于链接点击仪表板页面

我是Angular 2的新手，我正在努力创建一个具有以下要求的示例项目结构，并在谷歌中搜索正确的链接。角度4不同的菜单选项基于链接点击仪表板页面

我已经做了我的第1步和第2步，但第3步是混淆了（可能是这个概念涉及到不同模块之间的路由）

是否有帮助我，

下面是要求。

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

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

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

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

来源

2017-10-07 raghu456

所以你想创建一个Web应用程序，有什么搜索你试过请列出 –

我已经完成了我的第1步和第2步，但是第3步很混乱（可能是这个概念与不同模块之间的路由有关） – raghu456

你需要通过通过路由使用路径使用pathparms角度或使用查询parms或共享服务来传递路由信息这应该是一个很好的起点 –

所以，你只需要嵌套的路线。

你可以有：

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 
      }, 
     ], 
     }, 
    ], 
    }, 
];

来源

2017-10-07 18:43:07 Wandrille

谢谢..我会尝试给出的示例提供，但如何导航到这些子组件时点击一个链接.. – raghu456

进口路由器和那么：this.router.navigate（['/ pages/dashboard']）; 你可以在这里阅读关于路由器的所有信息：https://angular.io/guide/router – Wandrille

非常感谢你的工作。 – raghu456

角度4不同的菜单选项基于链接点击仪表板页面

回答

相关问题