サイドバーを表示するカスタムボタン

Question

マップを使用してAngular 2とMDLを使用してアプリケーションを作成していますが、ヘッダを置き換えて同様のコンポーネントを公式サイトmaps.google.comに置き換えています。サイドバーのMDLを表示するカスタムボタンを作成したかったのです。

方法は、次の操作を行います。私は、左側のサイドバーを表示するために独自のボタンをクリックしてください？

（私は質問にはっきりしていた場合、私は知らない）

EDIT1 作品罰金：

... 
    constructor(){ 
    // for fix "MaterialLayout not found" 
    let MaterialLayout:any; 
    this.drawer = document.querySelector('.mdl-layout'); 
    } 

    toogleDrawer(){ 
    this.drawer.MaterialLayout.toggleDrawer(); 
    } 
    ... 

Answer 1

作品で：

export class MapHeaderBadget{ 
constructor(){ 
    // for fix "MaterialLayout not found" 
    let MaterialLayout:any; 
    this.drawer = document.querySelector('.mdl-layout'); 
    } 
    // icon click event 
    toogleDrawer(){ 
    this.drawer.MaterialLayout.toggleDrawer(); 
    } 
}