각형 소재 md 메뉴가 작동하지 않습니다.

많은 웹 사이트에서와 같이 몇 개의 메뉴를 사용하여 토발을 만들려고합니다. 어떤 이유로 메뉴가 페이지의 다른 모든 항목보다 아래로 확장되어 메뉴가 전체 너비를 차지합니다. 도와주세요! 또한이 응용 프로그램에 대한 유성을 사용하고 있습니다.각형 소재 md 메뉴가 작동하지 않습니다.

<body layout="column"> 
 
     <md-content layout="column"> 
 
     <md-toolbar layout="row" layout-align="start center" layout-padding md-scroll-shrink flex="none"> 
 
      <md-button ng-href="/admin"><h1 class="md-title">HOME</h1></md-button> 
 
      <md-menu-bar> 
 
      <md-menu> 
 
       <button ng-click="$mdOpenMenu()"> 
 
       Menu 
 
       </button> 
 
       <md-menu-content> 
 
       <md-menu-item> 
 
        <md-button> 
 
        item 1 
 
        </md-button> 
 
       </md-menu-item> 
 
       <md-menu-item> 
 
        <md-button> 
 
        item 2 
 
        </md-button> 
 
       </md-menu-item> 
 
       <md-menu-item> 
 
        <md-button> 
 
        item 3 
 
        </md-button> 
 
       </md-menu-item> 
 
       </md-menu-content> 
 
      </md-menu> 
 
      </md-menu-bar> 
 
     </md-toolbar> 
 
     <div ui-view layout="row" flex></div> 
 
     </md-content> 
 
    </body>

그것은 다음과 같습니다