angularjs - ngAnimate 和 ui.bootstrap 模式有什么问题?

标签 angularjs ng-animate ui.bootstrap

在此示例中

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 中的错误吗?

最佳答案

这似乎是 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 的依赖项页面,看起来它们还没有完全 catch 1.4.0: https://david-dm.org/angular-ui/bootstrap#info=devDependencies

可能值得发布一个问题或看看是否有人已经这样做了。

关于angularjs - ngAnimate 和 ui.bootstrap 模式有什么问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30609718/

相关文章:

javascript - 使用 Controller 访问属性指令值

angularjs - 如何调用我的温泉轮换功能?

javascript - Angularjs ng-include 指令不起作用

javascript - ngAnimate 不再工作了吗?

javascript - angularjs 使用 ui.bootstrap 切换选项卡 View

angularjs - 模态窗口有大背景

jquery - AngularJS 授权重定向

css - AngularJS 1.5.6 - ngRepeat 动画不工作

css - 使用 ng-animate 时偏移占位符元素的正确方法是什么?

javascript - ui.bootstrap 破坏了我的单元测试并出现意外结果错误?