2017-01-11 10 views
1

여기서 시나리오 나는 3 개의 루트 (각각 게으른로드 된 메인 페이지의 하위)가있는 메인 페이지를 가지고 있습니다. enter image description here게으른 로딩 보조 경로

여기에 보조 구성 요소는

<router-outlet name="auxone"></router-outlet> 

로 하나 개의 기본 콘센트와 기타 보조를 가지고 있으며, 이것은 나의 mainpage.route 파일이 완벽하게 지금

enter image description here

내 auxilary 경로 부하 모습입니다 그리고 문제가있는 기본 콘센트에서 연결할 수 있습니다. 그러나 곧 내가

enter image description here (보조 경로를 사용하여 탐색이 enter image description here

& 시도와 같은 보조 콘센트에 경로를로드하려고으로 자신의 하나 아이가, 그리고 메신저는 다른로드하려고 같은 보조에 대한 또 다른 아이로 경로) 내가 오류를 얻을 :

Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'mainpage/aux' 

이 w를 만드는 방법을 알아내는 내 지혜의 끝에서로드 경로 보조 경로 지연로드 메신저하는 방법에 대한 문서를 볼 수 없습니다 메신저로 오크.

어디서 잘못 될까요?

여기 당신과 게으른 부하 경로에 outlet: 매개 변수를 포함 할 수 없습니다 안 내 프로젝트 구조 enter image description here

답변

0

입니다. 게으른로드 경로는 의도적으로로드 된 응용 프로그램에서 멀리 떨어져 숨어 있습니다.

대신 콘센트 구성 요소 용 모듈을 빌드해야하며 자체 라우팅 구성을 가져야합니다. 해당 라우터 구성에서 보조 콘센트에 대한 경로를 설정할 수 있습니다.

+0

무엇을 어떻게 해야할지 혼란스러워하고, 잘못하면 저를 고치십시오. 보조 라우트에로드해야하는 경로가 포함되어있는 모듈을 추가하십시오. seperate.module'@NgModule ({ 수입 [CommonsModule, FormsModule, HttpModule을, RouterModule.forChild ([{경로 '샘플 온'성분 : SampleOneComponent 출구 'AUX'}]) , 선언 : [TestUIComponent], 공급자 : [TestUIService, SharedDataService] }) ?? 내보내기 클래스 TestUIModule {} –

+0

정확합니다. 나는 혼란 스러웠다. https://github.com/angular/angular/issues/12842에서 해결 방법을 찾았지만 아직 사용하지 못했습니다. –

+0

기본 경로'' '가있는 자식 경로에서 게으른로드를 처리하는 것처럼 보입니다. –