2017-12-08 26 views
1

すべて、チェックルータコンセントを使用している場合

私は、特定のrouter-outletコンポーネントを持っている場合は、ページのセクションを削除する*ngIfを使用したいと思います。

私はActivatedRouteRouterで検索しようとしましたが、わかりません。特定のrouter-outletが使用されていることをどうやって確認しますか?

+0

うまくいけば、これはあなたを助けるでしょう.....ます。https://stackoverflow.com/questions/41488565/angular-2-check現在のアクティブルート名 –

+0

@AvinashT。ありがとう。 – screenmutt

答えて

0

私はこれを理解しました。ルータのアウトレットのイベントを使用する必要があります。ただし、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> 
+0

あなたは 'router-outlet'を隠そうとするユースケースは何ですか? –

+0

私はProject Clarityを使用したインターフェースを持っています。時にはサイドナビゲータ(ダッシュボード)を使用したい場合もありますが、サブナビゲーション(検索)を使用したい場合もあります。 私は、それぞれのセクションを懸念を分けるための別のルータ - アウトレットとして設定しました。 – screenmutt