Как открыть MdSidenav из детского компонента?

Question

Я использую компонент MdSidenav из угловых-Материал2 библиотеки, и я хочу, чтобы открыть MdSidenav из другого компонента. Поэтому я хотел бы использовать функции локальной переменной #sidenav (то есть в родительском компоненте) из другого компонента (это дочерние элементы).

Родитель компонент: SRC/приложение/app.component.html

<md-sidenav-container> 
<md-sidenav #sidenav> 
    <h1>Hello</h1> 
</md-sidenav> 

<div class="my-content"> 
    <router-outlet></router-outlet> 
</div> 
</md-sidenav-container> 

Детский компонент: SRC/приложение/меню/menu.component.html

<div class="menu"> 
<button (click)="sidenav.open()"></button> 
</div> 

Answer 1

У меня была такая же ситуация. Вы можете сделать это:

<md-sidenav-container> 
    <md-sidenav #sidenav> 
    <h1>Hello</h1> 
    </md-sidenav> 

    <menu [nav]="sidenav"></menu> 
</md-sidenav-container> 

, а затем в меню компонента:

@Input() nav; 

openSideNav(){ 
    this.nav.open(); 
}