Angular 2 материал: sidenav переключается с другого компонента

Я использую Angular 2 Материал sidenav в моем проекте таким образом:

app.component.ts (Основной) html view:

<md-sidenav-layout>
  <md-sidenav #start mode="side" [opened]="true">
      This is the main sidenav
      <sidebar></sidebar>
  </md-sidenav>

  <md-sidenav #end align="end">
    This sidenav suppose to open from different components across my application to show extra information/data when user clicks an image for example.
    <br>
    <button md-button (click)="end.close()">Close</button>
  </md-sidenav>

<router-outlet></router-outlet>

</md-sidenav-layout>

Теперь.., чтобы открыть sidenav #end, я использую следующую кнопку в том же компоненте:

<button md-button (click)="end.open()">Open End Side</button>

Но что, если я хочу использовать end.open() из другого компонента для переключения sidenav?  Как я должен сделать sidenav "gloal", чтобы я мог открыть его на любом компоненте в моем приложении?

Ответы

export class ParentComponent {
  @ViewChild('start') start:MdSidenav;
}