Angular 2 show header nur auf Seite

Question

Ich bin neu bei eckigen 2 also bitte verzeihen Sie mir, Wie zeige ich Header nur, wenn Seite nicht: "nach Hause oder Login oder Route registrieren".

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

Ich dachte, ich würde versuchen, den Namen der Route zu bekommen und verwenden und wenn Aussage aber nicht zeigen, wie. Bitte helfen

Answer 1

app.component.ts

import { Router } from '@angular/router'; 
import { Component, OnInit } from '@angular/core'; 
... 
... 

export class AppComponent implements OnInit { 
showHeader: boolean = true; 
constructor(private router: Router) {} 

ngOnInit() { 
    // listenging to routing navigation event 
    this.router.events.subscribe(event => this.modifyHeader(event)); 
} 

modifyHeader(location) { 
    if (location.url != "/home" && location.url != "/login" && location.url != "/register" && location.url != '/') 
    { 
     this.showHeader = false; 
    } else { 
     this.showHeader = true; 
    } 
} 
} 

in app.component.html

<header *ngIf="showHeader"><header> 
    <router-outlet></router-outlet> 
    <footer></footer> 

https://plnkr.co/edit/jUIVOfNDVVCyw2gk1Ara?p=preview