10

在这个例子中

http://plnkr.co/edit/ETwexjK0HRu3b8WovoJq

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

当您关闭模态时，背景不会消失。如果我注释掉“ngAnimate”依赖项（script.js 第 4 行），它就可以正常工作。

与 ngAnimate 一起使用时，我做错了什么还是 ui.bootstrap 中的错误？

4

2 回答 2

12

这似乎是 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

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

于 2015-06-03T04:07:36.407 回答
0

因为，这似乎是一个临时问题，您可以将模态动画配置为 false。

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

这样，您必须进行一次此更改，并且所有模态都可以正常工作。

于 2015-07-20T07:06:33.727 回答