angularjs - 我可以在Angularjs Material 中打开 'mdbottomsheet '而不是另一个 'mdbottomsheet '吗？

Question

我是AngularJs Material的初学者，我想打开一个'mdbottomsheet'并将一个按钮放在此工作表中，单击该按钮时，在不关闭第一个'mdbottomsheet'的情况下再次打开另一个'mdbottomsheet'。

有HTML代码:

<div ng-controller="MyController">
  <md-button ng-click="openBottomSheet()">
     Open a Bottom Sheet!
  </md-button>
</div>

有Js:

var app = angular.module('app', ['ngMaterial']);
app.controller('MyController', function($scope, $mdBottomSheet) {
  $scope.openBottomSheet = function() {
    $mdBottomSheet.show({
    controller: 'BottomSheet',
    template: '<md-bottom-sheet>Hello!
             <md-button ng-click="openSecondBottomSheet()">
                Open Second Bottom Sheet!
             </md-button></md-bottom-sheet>'
  });
 };
});

并在“BottomSheet” Controller 中:

var app = angular.module('app', ['ngMaterial']);
app.controller('BottomSheet', function($scope, $mdBottomSheet) {
  $scope.openSecondBottomSheet = function() {
    $mdBottomSheet.show({
    controller: 'SecondBottomSheet',
    template: '<md-bottom-sheet>Hello!</md-bottom-sheet>'
  });
 };
});

这是我的代码，它有效，但是当打开“SecondBottomSheet”时，第一个“BottomSheet”关闭了!我想在第一个“BottomSheet”上打开“SecondBottomSheet”!

Answer 1

$mdBottomSheet.show()返回一个promise，该promise可用于检查底部工作表是否已关闭。您可以通过使用 promise 在单击按钮时关闭第一个底部工作表并打开另一个底部工作表来模拟相同的内容。当第二个底板关闭时，您可以再次打开第一个底板。