사이드 바를 표시하는 사용자 정의 버튼 Material Design Lite

Question

지도를 사용하여 Angular 2 및 MDL을 사용하여 앱을 만들고 헤더를 공식 사이트 maps.google.com으로 대체하는 비슷한 구성 요소를 만들고 있습니다. 사이드 바 MDL을 표시하는 사용자 정의 버튼을 만들려고했습니다.

는 어떻게 이런 일이 않는 : 나는 왼쪽 사이드를 보여주기 위해 자신의 버튼을 클릭?

(I 질문에 분명했다 경우 나도 몰라)

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