css - 使用 angular-1.3 获取 angular-bootstrap 模态

Question

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

我的模式在 angular-1.2.x 中完全正常工作。但是，当我升级到 angular-1.3.11 时，模态框不会出现。

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

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

我想使用 angular-1.3.x，因为他们已经实现了整个绑定(bind)一次的东西。

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

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

Answer 1

$modal 与 angular-1.3.x(使用 1.3.11 测试)一起工作，通过覆盖不透明度和转换的 Bootstrap css。这就是它起作用的原因:

.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 一起使用的人