0

저는 앵귤러 2 프로젝트에 많은 모듈이 있습니다. 난 내가 구성 요소가 작업 흐름 -라고 한 워크 플로우 모듈에서라우터 콘센트 내부의 라우터 콘센트가 독립적 인 라우트를 동적으로 호출합니다.

{ path: 'workflow', loadChildren: './workflow-management/workflow-management.module#WorkflowManagementModule' }, 

를 사용하여 WorkflowManagementModule라는 모듈을로드 상황이 지금

{ path: 'home', loadChildren: './dashboard/dashboard.module#DashboardModule' }, 

을 다음과 같이 나는 게으른 로딩 기술을 사용하여 모듈의 각로드 하단 꼬리표가있는 바닥 글에 불과한 꼬리말. 다음을 클릭하면 서버에 나머지 전화가 걸리고 "url"필드가 서버에서 수신됩니다. 이것을 받으면 그 URL로 이동해야합니다.

이제 문제 내가로드 경로의 바닥 글 구성 요소 바닥 글이 있어야

입니다. 나는. 새로운 구성 요소가로드되어야하고 워크 플로 꼬리말 component.as이 코드에서 아래와 같은 상황

enter image description here

아래와 같이 꼬리말을 가져야한다 (경로에 기초한 서버로부터 수신 된)

<div>some other content</div> 
<router-outlet></router-outlet> 
<work-footer></work-footer> 

하지만 경로가 일정하지으로이를 달성 방법을 이해 할 수는, 그것이 다른 module.So이를 달성하기 위해 좀 도와주세요에뿐만 아니라 서버 response.As에 따라 동적 일 수 있습니다.

답변

1

나는 이해할 수 없다. 경로에 따라 완전히 다른 꼬리말 콘텐츠를 지정하려고합니까?

그렇다면 각 바닥 글 구성 요소의 템플릿에 적절한 바닥 글 구성 요소를 추가하십시오. 부품 A에서

:

<div>Component A Stuff</div> 
<compA-footer></compA-footer> 

또는

당신은 당신이 바닥 글 영역에 경로 다른 일을 원하는 건가요? 그렇다면 명명 된 라우터 콘센트를 사용할 수 있습니다.

<div>some other content</div> 
<router-outlet></router-outlet> 
<router-outlet name="footer"></router-outlet> 

그런 다음 첫 번째 라우터 콘센트로 콘텐츠를 탐색하고 이름이 지정된 라우터 콘센트로 다른 콘텐츠를 탐색 할 수 있습니다.

또는

여러 페이지 아래에 표시 표준 바닥 글을 원한다면, 당신은 당신이 당신의 질문에 규정 된 기술을 사용할 수 있습니다

<div>some other content</div> 
<router-outlet></router-outlet> 
<work-footer></work-footer> 

당신을 위해 작동하지인가요?

+0

아니요. 바닥 글과 동일한 꼬리말 구성 요소를 사용하여 여러 개의 URL을 차례로 탐색하고 싶습니다. 기본적으로 경로를 변경하는 바닥 글에 "다음"버튼이 있습니다. –

+0

그러면 지정한 코드가 작동합니다. 위의 추가 사항을 참조하십시오. – DeborahK

+0

하지만이 라우터 아웃렛은 다른 라우터 아웃렛 안에 있습니다. 탐색하는 경우 새로운 경로가있는 페이지를 완전히 새로 고칩니다. –