material2 sidenavが開いていることを確認してください

Question

sidenav要素が開いているかどうかを確認する方法はありますか？ API文書をよると、isOpen?パラメータがありますが、私の場合、それは例外をスロー：EXCEPTION: Error in ./AppComponent class AppComponent - inline template:2:2 caused by: this.sidenav.isOpen is not a function

import { Component, OnInit, ElementRef } from '@angular/core'; 

@Component({ 
    selector: 'app-sidebar', 
    template: ` 
    <md-sidenav #sidenav mode="side" class="app-sidenav"> 
     Sidenav 
    </md-sidenav> 
    `, 
    styleUrls: ['./sidebar.component.css'], 
    host: { 
     '(document:click)': 'onClick($event)', 
    } 
}) 
export class SidebarComponent implements OnInit { 

    constructor(private sidenav: ElementRef) { } 

    ngOnInit() { 
    } 

    onClick() { 
    if (this.sidenav.isOpen()) { 
     this.sidenav.close(); 
    } 
    } 

} 

Answer 1

あなたはsidenav

@ViewChild('sidenav') sidenav: any; 
opened: any = false; 
onClick() { 
    console.log(this.sidenav.opened); 
} 

Plunkr

Answer 2

の制御を取得するためにViewChildを使用する必要がありますあなたはドキュメントを誤解している、isOpen？トグル機能のオプションパラメータです。

代わりにプロパティを確認できます。これは私のために働く：

@ViewChild('sidenav') sidenav: MatSidenav; 
onClick() { 
    console.log(`isOpen: ${this.sidenav.opened}`); 
}