角材 - sidenav從底部？

Question

角材料sidenav似乎有左/右選項：

• <md-sidenav class="md-sidenav-**right**">
• <md-sidenav class="md-sidenav-**left**">

雖然它被稱爲「側面」 -nav，是有可能用它作爲「底部」-nav？

如果是這樣怎麼辦？

Answer 1

角材不支持底部導航..你必須手動實現它。

Answer 2

沒有底部導航像你說的，但你可以使用https://material.angularjs.org/latest/demo/bottomSheet

VIEW

<div class="bottom-sheet-demo inset" layout="row" layout-sm="column" layout-align="center" > 
    <md-button flex="50" class="md-primary md-raised" ng-click="showBottomSheet()">Show</md-button> 
    </div> 

做JS

$scope.showBottomSheet = function() { 
    $scope.alert = ''; 
    $mdBottomSheet.show({ 
     templateUrl: 'bottom-sheet-template.html', 
     controller: 'BottomSheetCtrl' 
    }).then(function(clickedItem) { 
     $scope.alert = clickedItem['name'] + ' clicked!'; 
    }); 
    }; 

Answer 3

我想你試圖通過覆蓋角材料樣式來滿足您的需求。只需將一些自定義類或ID添加到<md-sidenav>元素並應用您的樣式。