угловой материал - сиденав со дна?

Question

Угловая материал sidenav, кажется, есть левые/правые варианты:

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

Хотя это называется "на сторону" -nav, это возможно используйте его как «bottom» -nav?

если так как это можно сделать?

Answer 1

угловой материал не поддерживает нижний nav .. вы должны достичь его вручную.

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> и примените свои стили.