확인 라우터 콘센트를 사용

Question

모두에있는 경우,

나는 특정 router-outlet이 구성 요소가있는 경우 페이지의 섹션을 제거 *ngIf를 사용하고 싶습니다.

ActivatedRoute 및 Router을 통해 검색해 보았습니다.하지만 알아낼 수 없습니다. 특정 router-outlet가 사용 중인지 어떻게 확인합니까?

Answer 1

나는 이것을 알아 냈다. 라우터 콘센트에 이벤트를 사용해야합니다. 그러나 ngIf은 콘센트가 dom에 있지 않으면 이벤트가 실행되지 않으므로 사용할 수 없습니다.

TS

showOutlet: false; 

onActivate(event : any) { 
    this.showOutlet = true; 
} 

onDeactivate(event : any) { 
    this.showOutlet = false; 
} 

HTML

<div [hidden]="!showOutlet"> 
    <router-outlet name="my-outlet" 
     (activate)="onActivate($event)" 
     (deactivate)="onDeactivate($event)"></router-outlet> 
</div>