打开多个底部 sheet - 使用 $mdBottomSheet 将一个堆叠在另一个上面

Question

我正在使用 Angularjs $mdBottomSheet 打开应用程序上方的底部 sheet。我可以打开一个底部 sheet 但是当试图打开另一个底部时，旧的被新的替换或重叠。我想将底部 sheet 显示为堆叠，以防多个底部 sheet 打开。看到这张图片。我想在底部显示多条消息。是否可以通过 $mdBottomSheet.什么是替代品。

stackedmessagesonbottomofapp

      $mdBottomSheet.show({
                    templateUrl: 'templatefolder/xyz.html',                       
                    clickOutsideToClose: false,
                    escapeToClose: false,                    
                    controller: MessageController
                }).catch(function(error) {
                    
                });

Answer 1

AngularJS Material 实现 Material 设计规范中的 Modal Bottom Sheets。这种设计不允许同时打开多个堆叠的底板。

此外，对于平板电脑或台式机屏幕，规范定义了一些可供考虑的备选方案

如果您想创建可堆叠面板的自定义实现，那么我建议您研究一下我们更灵活的 $mdPanel service。

打开多个底部 sheet - 使用 $mdBottomSheet 将一个堆叠在另一个上面

Open multiple bottom sheet - stacked one above another using $mdBottomSheet

angularjs

angularjs-material