AngularJS - 材料设计 | $mdBottomSheet 可以放在 $mdDialog 上吗？答案

【问题标题】：AngularJS - Material Design | Can $mdBottomSheet be placed over $mdDialog?AngularJS - 材料设计 | $mdBottomSheet 可以放在 $mdDialog 上吗？
【发布时间】：2016-05-02 17:37:03
【问题描述】：

我目前正在开发一个日历 UI，我正在尝试让一个 $mdBottomSheet 出现在一个已经打开的 $mdDialog 上。有没有办法改变图层的位置，有点像通过样式表的 z-index？

这是我正在尝试做的事情：

【问题讨论】：

或者能够在 mdDialog 中调出底部工作表？
不能使用普通页脚吗？
@nextt1 当单击日历中的某一天时，$mdBottomSheet 从底部向上滑动

标签： angularjs material-design angular-material

【解决方案1】：

$mdDialog 的 z-index 为 80，$mdBottomSheet 的 z-index 等于 70。只需将其包含在您的样式表中

md-bottom-sheet{
   z-index: 81;
}

应该可以。

【讨论】：