ngAnimate和ui.bootstrap模式有什么问题？

Question

在这个例子中

http://plnkr.co/edit/ETwexjK0HRu3b8WovoJq

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

当你关闭模态时，背景不会消失。 如果我注释掉了＆＃39; ngAnimate＆＃39;依赖（script.js第4行），它工作正常。

我做错了什么，或者当与ngAnimate一起使用时，这是ui.bootstrap中的错误吗？

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-bootstrap的依赖项页面，它看起来还没有达到1.4.0： https://david-dm.org/angular-ui/bootstrap#info=devDependencies

可能值得发布问题或查看是否已有人。

Answer 2

因为这似乎是一个暂时的问题，你可以将模态动画配置为假。

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

这样你就必须进行一次这种改变，并且所有的模态都可以正常工作。