角度のある2次アウトレットルータが動作しない

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です。

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 --> 

ただ、これは動作しませんが、私はHomeComponentにおける二次ルートを打ち抜いた場合、彼らは動作しますが、私は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' 
    },