sidenav无法在angularjs材质设计中正确显示

这是我的代码。sidenav无法在angularjs材质设计中正确显示

<body> 
    <div ng-controller="MainCtrl as mc"> 

     <md-content> 
      <md-toolbar md-scroll-shrink> 
       <div class="md-toolbar-tools"> 
        <span flex="5"></span> 

        <md-button ui-sref="Home"> 
         example.com 
        </md-button> 


        <span flex="20"></span> 


        <span>something something</span> 
        <span flex="20"></span> 


        <md-button ng-show="!login" aria-label="Settings" ui-sref="Login"> 
         Login/Register 
        </md-button> 

        <md-button ng-show="login" class="md-icon-button" aria-label="Settings" ng-click="openRightMenu()"> 
         <md-icon class="material-icons">menu</md-icon> 
        </md-button> 

        <md-sidenav md-component-id="right" class="md-sidenav-right"> 
         <md-button href="http://google.com">Google</md-button> 
        </md-sidenav> 

       </div> 
      </md-toolbar> 
     </md-content> 

     <div ui-view></div> 
    </div> 
</body>

当我点击按钮打开右侧导航它打开，但高度是相同的工具栏。

如何显示标准尺寸的sidenav？外MD-内容

来源

2016-03-01 Devesh Agrawal

放MD-sidenav如果是MD-工具栏里面

<div ng-controller="MainCtrl as mc"> 

    <md-content>    
    </md-content> 

    <md-sidenav md-component-id="right" class="md-sidenav-right"> 
     <md-button href="http://google.com">Google</md-button> 
    </md-sidenav> 

    <div ui-view></div>

将采取工具栏高度

来源

2016-03-02 07:00:26 kTn

sidenav无法在angularjs材质设计中正确显示

回答

相关问题