角对话与指令引导3 [英] Angular Dialog directives with Bootstrap 3

问题描述

我们正试图从引导2.3.2迁移来引导3（RC1），并正与问题AngularJS对话指令。在单击相应的按钮，没有对话弹出窗口（页面出现黑色。任意位置单击返回到原来的非黑色视图）。

We're trying to migrate from Bootstrap 2.3.2 to Bootstrap 3 (RC1) and are having problems with the AngularJS Dialog directive. On clicking the relevant button no dialogue popup appears (the page appears black. Clicking anywhere returns to the original non-black view).

的我们基本上是用完全相同的code在上面的链接。的

有一个已知的问题这里讨论。在讨论路德提示：

There is a known issue discussed here. In that discussion Luther suggests:

的有模工作，加入隐藏类设置显示：无模态和重置模式的显示阻止的

这是不幸的是似乎没有任何区别。我们可以用什么替代品来获取对话框出现在引导3 RC1？

That unfortunately doesn't seem to make any difference. What alternatives could we use to get the dialogs appearing in Bootstrap 3 RC1?

的我一直使用模态指令，而不是试图。它有一个类似的问题，其中在网页变淡（而不是变为完全黑色）和弹出也不会出现。的

I've tried using the Modal directive instead. It has a similar problem where the page fades (rather than goes completely black) and the popup also doesn't appear.

推荐答案

由于其他答案已经指出，这是由于打破引导3.修改到角UI团队已修正这些问题（目前正在开发中，看到了bootstrap3_bis分支）有刚在的这个博客帖子：

As the other answers have stated, this is due to breaking changes in Bootstrap 3. Until the Angular UI team have fixed these issues (currently under development, see the bootstrap3_bis branch) there is a css workaround just for dialog boxes detailed in this blog post:

.modal { display: block; }

工作plunkr可以在这里找到：

Working plunkr is available here:

http://plnkr.co/edit/nZT58YNKT84UlSwTvfpc?p=$p$ PVIEW

这篇关于角对话与指令引导3的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！