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材質設計中正確顯示

回答

相關問題