क्या मैं Angularjs सामग्री में किसी अन्य 'mdbottomsheet' पर 'mdbottomsheet' खोल सकता हूं?

Question

मैं AngularJs सामग्री में शुरुआती हूं, मैं 'mdbottomsheet' खोलना चाहता हूं और इस बटन के अंदर एक बटन डालना चाहता हूं, जब क्लिक बटन पर, 'mdbottomsheet' को बंद किए बिना, 'mdbottomsheet' खोलें।

वहाँ एचटीएमएल कोड है:

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

वहाँ जे एस:

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

यह मेरा कोड है, यह काम करता है, लेकिन जब ' सेकेंडबॉटमशीट 'खोला गया, पहले' नीचे की शीट 'बंद! मैं पहली 'BottomSheet' पर 'SecondBottomSheet' खोलना चाहता हूं!

Answer 1

$mdBottomSheet.show() एक वादा देता है जिसका उपयोग यह जांचने के लिए किया जा सकता है कि नीचे की चादर बंद हो गई है या नहीं। आप अपने बटन के क्लिक पर पहली तल शीट को बंद करने और एक और नीचे की चादर खोलने के वादे का उपयोग करके इसका अनुकरण कर सकते हैं। जब दूसरी तल शीट बंद हो जाती है, तो आप फिर अपनी पहली तलवार खोल सकते हैं।