显示侧边栏的自定义按钮 Material Design Lite

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();
  }
}