2017-12-14 23 views
0

다른 구성 요소에서 지시문을 사용할 수있는 구성 요소를 만들고 싶습니다. 이 지시어는 어떤 페이지 (응용 프로그램에서 얼마나 깊숙한 지)를 기반으로 표시되는 레이블이 지정된 경로를 포함합니다. 기본적으로 빵 부스러기처럼 보이지만 분류 된 탭이없는 경로명 표시입니다. 내 구성 요소에서네비게이션 경로가있는 헤더 구성 요소 생성하기 각도 2

Home 
    Courses 
    Teachers 
     Teacher Profile 
    Students 
    Courses for student 
    Student Profile 

사용자가 (교사 프로필)에 너무 때 내가하고 싶은 그들은 또한 메뉴 바 (코스가 포함 된 페이지, 교사 : 여기에서 시작하지만 어디서 확실하지가 내 응용 프로그램 구조입니다)을 탭으로 지정하여 해당 페이지로 라우팅 할 수 있습니다. 나는 이것을 달성하는 가장 좋은 방법이 무엇인지 모르겠습니다. 경로를 보면서 URL을 통해 가야합니까, 아니면 헤더 구성 요소에 구성 요소 정보를 바인딩하거나 내 보내야합니까? URL을 사용하여 경로가 더 좋지만 확실하지 않다고 생각합니다.

+0

예, 루트를 사용하는 것이 더 좋으며 부모 루트 (코스 및 학생)와 기타 링크를 각각 자식 경로로 만들 수 있습니다. –

답변

0

내가 일반적으로하는 일은 레이아웃 구성 요소를 만드는 것입니다. 이 구성 요소는 내 응용 프로그램 (머리글, 바닥 글 등)의 일반 레이아웃을 담당하며 router-outlet은 주요 내용을 배치해야하는 곳에 배치됩니다.

빌드하려는 빵 부스러기는 레이아웃 구성 요소의 머리글 아래에 있어야합니다.

내가 만든 방법은 구성 요소를 만드는 것입니다. URL을 @Input()으로 받거나 자체로 파싱하여 원하는 방식으로 표시해야합니다.

당신이 염두에두고있는 구조에 대해서는 확실히 작동해야합니다. 더 복잡한 구조의 경우 좀 더 정교한 것을 만들어야 할 수도 있습니다.

행운을 빈다.