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

@Component({
  moduleId: module.id,
  selector: 'rae-basic-search',
  templateUrl: './basic-search.component.html',
  styleUrls: ['./basic-search.component.css']
})
export class BasicSearchComponent {

  hideSearchfield: boolean = true;
  placeholder = 'Suche...';

  constructor(private router: Router) {
    router.events.subscribe(changes => {
      this.hideSearchfield = true;
      this.placeholder = 'Suche...';
    });
  }

  sendRequest(values: any) {
    this.router.navigateByUrl('/suche/' + encodeURIComponent(values),);
  }


}

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

@Component({
  moduleId: module.id,
  selector: 'rae-basic-search',
  templateUrl: './basic-search.component.html',
  styleUrls: ['./basic-search.component.css']
})
export class BasicSearchComponent {

  hideSearchfield: boolean = true;
  placeholder = 'Suche...';

  constructor(private router: Router) {
  }

  sendRequest(values: any) {
    this.router.navigateByUrl('/suche/' + encodeURIComponent(values),);
  }


}

--- 
+++ 
@@ -13,6 +13,10 @@
   placeholder = 'Suche...';
 
   constructor(private router: Router) {
+    router.events.subscribe(changes => {
+      this.hideSearchfield = true;
+      this.placeholder = 'Suche...';
+    });
   }
 
   sendRequest(values: any) {
Delete search string and hide input field if route is changed (i.e. a new "page" is loaded)
