Угловой материал mdDialog Проблема на заднем плане - PullRequest
Новая
       32

Угловой материал mdDialog Проблема на заднем плане

0 голосов
/ 02 октября 2018

В двух словах, у диалога есть фон (прозрачный белый фоновый слой), который находится на один z-индекс под диалогом.

Первый диалог открывается с z-индексом 50 и фоном49. Второе диалоговое окно сверху открывается с z-индексом 80 и фоном 79.

Проблема заключается в том, что затем первый диалог изменяется на z-индекс 80 и фон 79По сути, фон для второго диалога отсутствует. 

angular
   .module("MyApp", ["ngMaterial", "ngMessages", "vAccordion"])

   .controller("AppCtrl", AppCtrl);

function AppCtrl($mdDialog) {
   var vm = this;
   vm.detailtemplate = {
      parent: angular.element(document.body)[0],
      fullscreen: true,
      autoWrap: true,
      // skipHide: true,
     // bindToController: false,
      hasBackdrop: true,
      clickOutsideToClose: true,
   };
   vm.openDialog = function() {
      $mdDialog.show(
         Object.assign(vm.detailtemplate, {
            templateUrl: "ethel.htm",
            // template:"<h1>test dialog</h1>",
            controller: AppCtrl2,
            controllerAs: "pec",
            hasBackdrop: true
         })
      );
   };
}

function AppCtrl2($mdDialog) {
   var vm = this;
   vm.detailtemplate = {
      parent: angular.element(document.body)[0],
      // fullscreen: true,
      autoWrap: true,
      // skipHide: true,
      // bindToController: false,
      multiple: true,
      hasBackdrop: true,
      clickOutsideToClose: true,
   };
   vm.openDialog = function() {
      $mdDialog.show(
         Object.assign(vm.detailtemplate, {
            templateUrl: "fred.htm",
            // template:"<h1>test dialog</h1>",

            hasBackdrop: true
         })
      );
   };
}
См. Перо 858d4284dd32a420f45d2a4cc0f4ff62 Дэвида ( @ StretchKids ) на CodePen .
...