Angular 2 - Toggle Richtlinie Komponente auf Seite je

Question

Lets sagen, ich habe Startseite, Über und Erweiterte Suche Seiten. In meinem AppComponent html Ich habe diese:

<view-header></view-header> 
<view-search></view-search> 
<router-outlet></router-outlet> 
<view-footer></view-footer> 

Ganz einfach. Zuerst lade ich den HTML-Header meines Headers und dann den HTML-Code meiner Standard-Suche und dann weiter und weiter.

Wie ich bereits sagte, habe ich die Seite Suche. Offensichtlich möchte ich meine Anweisung view-search nicht zeigen, weil es ziemlich nutzlos ist, wenn Sie in der Erweiterte Suche Seite sind.

Also meine Frage ist, wie kann ich Angular2 sagen, um die View-Search-Direktive zu deaktivieren, wenn ich zu meiner Erweiterte Suche Seite route?

---

Edit 1

Mit anderen Worten, ich möchte so etwas tun:

<view-header></view-header> 

<!-- If (not in route "/search") --> 
    <view-search></view-search> 
<!-- Endif --> 

<router-outlet></router-outlet> 
<view-footer></view-footer> 

Answer 1

Sie einfach ngIf (oder binden an [hidden]) in der Vorlage verwenden können:

<view-header></view-header> 
<view-search *ngIf="showViewSearch"></view-search> 
<router-outlet></router-outlet> 
<view-footer></view-footer> 
<router-outlet></router-outlet> 

Wo Sie würde definieren showViewSearch als

constructor(private activatedRoute: ActivatedRoute) { 
    this.showViewSearch = activatedRoute.component !== Search 
} 

So viewSearch Komponente nur gemacht wird, wenn die aktuelle Routensuche nicht.