javascript - Angular 形 Material - 从底部开始的侧导航？

Question

Angular Material sidenav 似乎有一个左/右选项:

虽然它被称为“侧面”导航，是否可以将其用作“底部”导航？

如果可以的话怎么办？

Answer 1

正如您所说，没有底部导航，但您可以使用 https://material.angularjs.org/latest/demo/bottomSheet 来做到这一点

查看

<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!';
    });
  };