關閉對話框時留下的灰色陰影

Question

我在我的應用程序中使用角度ModalService作爲對話框。當我想關閉對話框時，留下黑影。我的控制器：

angular.module("app") 
.controller('TreeController', ['$scope', 'asyncService', 'ModalService', 'dataService', 
    function ($scope, asyncService, ModalService, dataService) { 

     $scope.showJobModal = function (id) { 
      dataService.setCurrentJobId(id); 
      ModalService.showModal({ 
        templateUrl: 'modal.html', 
        controller: "ModalController", 
        preClose: function (modal) { 
         modal.element.modal('hide'); 
        } 
       } 
      ).then(function(modal) { 
       modal.element.modal(); 
       modal.close.then(function() { 
        console.log("closed job modal") 
       }); 
      }); 
     } 

    }]); 

angular.module('app').controller('ModalController', ['$scope', 'asyncService', 'dataService', 'ModalService', 'close', 
    function ($scope, asyncService, dataService, ModalService, close) { 
     asyncService.getJob(dataService.getCurrentJobId()).then(function (response) { 
      $scope.job = response; 
     }); 

     $scope.close = function() { 
      close(500); 
     }; 

    }]); 

當我點擊對話框外，它關閉就好了。但是當我想要關閉$ scope.close時，留下了黑影。我試過這個：close modal release，但一切都是一樣的。任何建議？

Answer 1

$scope.closeModal = function() { 
    $uibModalStack.dismissAll(); 
} 

進樣$uibModalStack到控制器

Answer 2

使用$ uibModal https://jsfiddle.net/awolf2904/74exww04/

Example: 
    $scope.dialogOpen = function() { 
     var modal = $uibModal.open ({ 
      backdrop: false, 
      templateUrl: './abc.html', 
      controller: function ($scope) { 
      $scope.close = function() { 
       modal.dismiss('cancel'); 
      }; 
      }; 
     }); 
    };