ログインモジュールがロードされたときにヘッダーとサイドバーのコンポーネントを非表示にする

Question

私はAngular 4遅延読み込みを使用しています。私はログインモジュールを読み込むときに、私は、アプリケーションコンポーネントのヘッダーとサイドバーコンポーネントを非表示にする必要があります。

<ng-template [ngIf]="login"> 
    <app-sidebar></app-sidebar> 
    <app-top-bar></app-top-bar> 
</ng-template> 

<div class="cat__content"> 
    <router-outlet></router-outlet> 
</div> 

Answer 1

あなたは

const routes: RouterConfig = [ 
    {path: '', redirectTo: '/heroes', pathMatch : 'full'}, 
    {path : 'heroes', component : HeroDetailComponent, data : {some_data : 'some value'}} 
]; 


class HeroDetailComponent { 
     ngOnInit() { 
     this.sub = this.route 
      .data 
      .subscribe(v => console.log(v)); 
     } 

     ngOnDestroy() { 
     this.sub.unsubscribe(); 
     } 
    } 

が