Angular 4 Switch Navigationsdesign in jeder Ansicht

Question

Ich habe eine gemeinsame Navigation und Inhalt wird von RouterModule geändert. Gibt es eine Lösung wie kann ich das Design der Navigation in jeder Ansicht ändern?

<app-navigation></app-navigation> 
<router-outlet></router-outlet> 

zum Beispiel

im Blick:/blau
I blau nav will

im Blick:/red
Ich will rot nav

Oder ich muss cre aßen Sie in jeder Ansicht ein Nav?

Dank für Antworten :)

Answer 1

Ihre app-navigation Komponente kann zum Navigation Ereignisse, hört und ihr Aussehen verändern, basierend auf dem Pfad oder die Routendaten.

Inject Router in Ihrer Komponente, und abonnieren Sie es events Eigenschaft ist:

constructor(router: Router) { router.events.subscribe(...); } 

Dort können Sie die URL oder die Route Snapshot prüfen und entsprechend Aussehen verändern.