获取 angular-bootstrap 模式与 angular-1.3 一起工作

Question

有没有人有幸在 angular-1.3.x 中使用 angular-bootstrap 模态？

我的模态框在 angular-1.2.x 中工作得很好。但是，当我升级到 angular-1.3.11 时，模态框不会出现。

当我单击打开模式的按钮时，滚动条消失，就像模式打开一样。当我突出显示模态所在的位置时，我的鼠标光标会发生变化，就像它在模态上一样（我在模态内有可拖动的元素）。如果我单击模式，它会正常显示。

简单地说，模态就在那里，只是在 angular-1.3.11 中不可见，直到我点击它。之后，模态功能完全正常。

我想使用 angular-1。3.x 因为他们已经实现了整个绑定一次的东西。

对我来说，这似乎是一个与样式相关的问题。我不确定为什么 angular 版本的差异会导致这种情况。如果我恢复到 1.2.x，它们会再次正常显示。

我知道 angular-bootstrap 还不支持 angular-1.3.x，但考虑到功能仍然有效，它看起来很小，可行的修复。我只是不知道如何解决它。任何帮助将不胜感激。

Answer 1

$modal 通过覆盖 bootstraps css 的不透明度和 angular-1.3.x（使用 1.3.11 测试）转换。这就是它起作用的原因：

.modal.fade {
  opacity: 1;
}

.modal.fade .modal-dialog, .modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

希望这对尝试将 angular-bootstrap-0.12.0 与 angular-1.3.x

一起使用的其他人有所帮助

获取 angular-bootstrap 模式与 angular-1.3 一起工作

Getting angular-bootstrap modal working with angular-1.3

css

modal-dialog

angularjs

angular-ui-bootstrap

angular-bootstrap