コンポーネント（typescriptファイル）のmd-sidenav-layoutオブジェクトにアクセス

Question

私のアプリケーションでmd-sidenavを使用しています。
MD-sidenavは、次の構文を使用してオブジェクトに割り当てられます。

<md-sidenav #start 

ので、ここで）MD-sidenavのすべての変数/メソッドを開催します「スタート」と我々はstart.close（のような様々な操作を行うことができます、start.toggle（）など。

これらの操作を.tsファイルで実行したい場合は、どうすればいいのでしょうか。 .tsファイル内の "start"オブジェクトを取得する方法。

私は同じのためのプランナーを作成しました。

Plunker：http://plnkr.co/edit/Q2dEhOA9dzDzBlLaxmYT?p=preview

Answer 1

あなたはテンプレート変数からコンポーネントインスタンスへの参照を取得するために@ViewChild()を使用することができます。

class MyComponent { 
    @ViewChild('start') sideNav; 

    ngAfterViewInit() { 
     // only set when ngAfterViewInit is called (not for example in the constructor) 
     console.log(this.sideNav); 
    } 
    }