我可以在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'控制器中:

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()一个可用于检查底部工作表是否已关闭的承诺。您可以通过使用承诺在单击按钮时关闭第一个底部工作表并打开另一个底部工作表来模拟相同的情况。当第二个底页关闭时，您可以再次打开第一个底页。