각형 보조 콘센트 라우터가 작동하지 않습니다.

Question

안녕하세요. 몇 시간 동안 계속되어서 해결할 수없는 문제가 있습니다. 나는 컨테이너 구성 요소를 가지고 있고,이 안에 내가 들어, 액세스 경로 1에/*, 당신은 로그인해야된다는 사실을 주목해야한다

/path1/path2/:token1/token2 

    app.path.component.html 
      <!-- + code !--> 

      <a [routerLink]="['/',{ outlets: { popup: ['compose'] } }]">Compose</a> 

      <a [routerLink]="['/',{ outlets: { popupx: ['compose2'] } }]">Compose2</a> 


     <router-outlet 
     name="popup" 
     (activate)='onActivate($event)' 
     (deactivate)='onDeactivate($event)'></router-outlet> 
     <router-outlet name="popupx"></router-outlet>  

을 다음과 같이 컨테이너 경로가 보조 경로를 열어야합니다 버튼이 이는 내가 출구 중 하나를 클릭했을 AuthGuard 응용 프로그램이 실행되는

app.routing.module.ts 

     { 
     path: 'compose', 
     component: ComposeMessageComponent, 
     outlet: 'popup' 
     }, 
     { 
     path: 'compose2', 
     component: TrabajandoComponent, 
     outlet: 'popupx' 
     }, 

    { 
    path: '',canActivate:[AuthGuard],loadChildren:'./home/home.module#HomeModule' 
    }, 

    { 
    path: 'auth', 
    loadChildren:'./authentication/authentication.module#AuthenticationModule' 
    }, 
    { 
    path:'admin', 
    canDeactivate:[AuthGuard], 
    loadChildren:'./administration/administration.module#AdministrationModule' 
    }, 
    { 
    path:'', 
    redirectTo:'/auth', 
    pathMatch:"full" 
    }, 
    { path: '**', component: PageNotFoundComponent } 

를 사용하지만, 이러한 경로 1/경로 2 /에 도착

구성 요소 경로를 표시되지 않습니다 : token1/: token2이다; , 나는 HomeComponent의 보조 경로를 천공하는 경우

그냥이 작동하지 않는 등의

AppComponent 
    <router-outlet name="primary"></router-outlet> 
    <app-home> 
     <app-header></app-header> 
     <app-container> 
     ....... 
      <router-outlet></router-outler> :token1/:token2 
      <app-path> 
      <!-- + code !--> 

      <a [routerLink]="['/',{ outlets: { popup: ['compose'] } }]">Compose</a> 

      <a [routerLink]="['/',{ outlets: { popupx: ['compose2'] } }]">Compose2</a> 


     <router-outlet 
     name="popup" 
     (activate)='onActivate($event)' 
     (deactivate)='onDeactivate($event)'></router-outlet> 
     <router-outlet name="popupx"></router-outlet>  
      </app-path> 
     ....... 
      ...... 
     </app-container> 
     <app-footer><app-footer> 

    </app-home> 

<!-- end APPcomponent --> 

하지만, 그들은 작동하지만 내가 HomeModule 내에서 보조 경로를 정의하면 그들은 프레임

AppComponent 
    <router-outlet name="primary"></router-outlet> 

    <app-home> 
     <app-header></app-header> 
     <app-container> 
     ....... 
      <router-outlet></router-outler> :token1/:token2 
      <app-path> 
      <!-- + code !--> 

      <a [routerLink]="['/',{ outlets: { popup: ['compose'] } }]">Compose</a> 

      <a [routerLink]="['/',{ outlets: { popupx: ['compose2'] } }]">Compose2</a> 

      </app-path> 
     ....... 
      ...... 
     </app-container> 
     <app-footer><app-footer> 

    </app-home> 
     <!-- This works --> 
     <router-outlet    
     name="popup" 
     (activate)='onActivate($event)' 
     (deactivate)='onDeactivate($event)'></router-outlet> 
     <router-outlet name="popupx"></router-outlet> 

<!-- end APPcomponent --> 

벗어 그들은 단순히 인정받지 못하고 있으며, 몇 시간 동안이 작업을 해왔고, 내가 뭘 잘못했는지 알지 못합니다.

Answer 1

공백 대신 모듈에 경로를 추가해보십시오. 예 :

{ 
    path: 'home',canActivate:[AuthGuard],loadChildren:'./home/home.module#HomeModule' 
    },