ngAnimate和ui.bootstrap模態有什麼問題？

Question

在這個例子中

http://plnkr.co/edit/ETwexjK0HRu3b8WovoJq

angular.module('animateApp', [ 
    'ngAnimate', // adding this causes issue with modal backdrop 
    'ui.bootstrap' 
]) 

當關閉模式，背景不會消失。 如果我註釋掉'ngAnimate'依賴項（script.js第4行），它工作得很好。

我做錯了什麼或者這是ui.bootstrap與ngAnimate一起使用時的錯誤？

Answer 1

這似乎是在Angular 1.3.15和1.4.0之間的一個突破性變化。 顯然ngAnimate中的某些內容改變了干擾隱藏背景的情況。如果關閉動畫，背景隱藏罰款：

$scope.openModal = function() { 
    $modal.open({ 
     templateUrl: 'modal.html', 
     controller: 'ModalCtrl', 
     backdrop: true, 
     animation: false 
    }); 
    } 

如果下降到1.3.15，沒有任何問題： Plunker

如果您檢查UI-引導的依賴關係頁面，它看起來並沒有看到他們已經完全趕上了1.4.0： https://david-dm.org/angular-ui/bootstrap#info=devDependencies

這可能是值得發佈的問題或看看是否有人已經。

Answer 2

因爲，這似乎是一個暫時的問題，您可以配置模態動畫爲假。

app.config(['$modalProvider', function($modalProvider) { 
    $modalProvider.options.animation = false; 
} 

這樣你就不得不做一次這個改變，所有的模態都可以正常工作。