Angular-ui modal без анимации анимации

Question

Используется с помощью angular-ui какое-то время, но я не могу избавиться от черной мерцания при ее использовании без анимации. Вот plunker.

$scope.opend = function() { 
     var modalInstance = $modal.open({ 
     animation: false, 
     templateUrl: 'myModalContent.html', 
     controller: 'ModalInstanceCtrl', 
     size: 'sm', 
     resolve: { 
     items: function() { 
      return $scope.items; 
     } 
     } 
    }); 

Щелкните несколько раз и обратите внимание, что фоны мерцают, когда диалог открывается и закрывается. Оказывается, что на планшетах это становится намного хуже.

Даже их пример на https://angular-ui.github.io/bootstrap/ мерцает.

Любые идеи о том, как я могу избежать этого черного мерцания, или я вынужден изменить модальный имидж?

Answer 1

Использование animation: true, которые избегают мерцающего

Answer 2

я столкнулся с этой проблемой при закрытии диалога.

Скрытия диалогового права перед закрытием помогает немного:

$('.modal-dialog').hide(); 
// then call modalInstance.close() 

Для того, чтобы исправить все диалоги в проекте я создал «декоратор» в функции конфигурации:

angular.module(...).config([..., '$provide', function(..., $provide){ 
     $provide.decorator('$modal', [ 
      '$delegate', function($delegate) { 
       return { 
        open: function (modalOptions) { 
         var modifiedResult = $delegate.open(modalOptions); 

         var originalClose = modifiedResult.close; 

         modifiedResult.close = function (result) { 
          angular.element('.modal-dialog').hide(); 
          originalClose(result); 
         } 

         return modifiedResult; 
        }, 
        getPromiseChain: function() { 
         return $delegate.getPromiseChain(); 
        } 
       }; 
      } 
     ]); 
}]); 

надежда этого помогает