title: Angular 2 - One component trigger refresh of another component on the page
body: <p>I have a component <strong>ComponentA</strong> that <strong>displays a list of elements</strong>. This list is inited during <code>ngOnInit</code>.</p>
  
  <p>I have another component <strong>ComponentB</strong> providing controls that might influence the list of elements shown in ComponentA. E.G. an element may be added.</p>
  
  <p>I need a way to <strong>trigger a reinit of ComponentA.</strong></p>
  
  <p>Does someone have an idea?</p>
  
  <hr>
  
  <p><strong>Details</strong></p>
  
  <p><strong>A</strong> is a HeaderBar with a menu that shows the list of "savedSearchs"</p>
  
  <pre><code>@Component({
    selector: 'header-bar',
    templateUrl: 'app/headerBar/headerBar.html'
  })
  export class HeaderBarComponent implements OnInit{
    ...
    ngOnInit() {
      // init list of savedSearches
      ...
    }
  }
  </code></pre>
  
  <p><strong>B</strong> is a SearchComponent with the possibility to save searches</p>
  
  <pre><code>@Component({
    selector: 'search',
    templateUrl: 'app/search/search.html'
  })
  export class SearchComponent implements OnInit {
    ...
  }
  </code></pre>