대시 보드 페이지에서 링크 클릭을 기준으로 각도가 다른 4 가지 메뉴 옵션

Question

저는 각도 2를 처음 사용합니다. 아래 요구 사항을 충족하고 Google에서 적절한 링크를 검색하는 샘플 프로젝트 구조를 만드는 데 어려움을 겪고 있습니다.

내가했던 제 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 
      }, 
     ], 
     }, 
    ], 
    }, 
];