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

Question

我正在使用 Angular 2 和 MDL 使用地图创建一个应用程序，我正在做一个类似的组件，将 header 替换为官方网站 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();
  }
}

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

Custom button to show sidebar Material Design Lite

sidebar

material-design

angular