javascript - Angular 2マテリアル：コンポーネントからのsidenavトグル

Question

私は自分のプロジェクトで Angular 2 Material sidenav を次のように使用しています。

<md-sidenav-layout>
  <md-sidenav #start mode="side" [opened]="true">
      <md-nav-list>
      </md-nav-list>
  </md-sidenav>

  <button md-button (click)="start.toggle()">Close</button>

  <router-outlet></router-outlet>

</md-sidenav-layout>

start.toggle()クリックイベントで要素の代わりにコンポーネントから呼び出す方法は?

読んでくれてありがとう

Answer 1

 <md-sidenav #sidenav class="example-sidenav" opened="false">
    <div class="example-sidenav-content">
      <button type="button" md-button (click)="toogleNav(sidenav)">
        toogle
      </button>
    </div>
 </md-sidenav>

そしてあなたのtsで：

export class AppComponent {

  toogleNav(nav: any) {
    if (nav.opened) {
      nav.close()
    } else {
      nav.open();
    }
  }
}