0

有没有人有幸让 angular-bootstrap 模态在 angular-1.3.x 中工作？

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

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

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

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

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

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

4

1 回答 1

0

$modal通过覆盖引导 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 一起使用的人

于 2015-01-31T22:13:18.577 回答