我们正在尝试从Bootstrap 2.3.2迁移到Bootstrap 3（RC1）并且遇到AngularJS Dialog directive的问题。单击相关按钮时，不会出现对话框弹出窗口（页面显示为黑色。单击任意位置返回原始非黑色视图）。
我们基本上使用与上述链接完全相同的代码。
有一个已知问题here。在那次讨论中，路德建议：
“要使模态工作，添加隐藏类将display：none设置为modal并重置模态的显示以阻止”
遗憾的是，这似乎没有任何区别。我们可以使用哪些替代方法来使对话框出现在Bootstrap 3 RC1中？
我尝试过使用Modal directive instead。它有一个类似的问题，页面淡出（而不是完全变黑），弹出窗口也没有出现。
答案 0 :(得分：14)
正如其他答案所述，这是由于Bootstrap 3中的重大变化。在Angular UI团队修复了这些问题（目前正在开发中，请参阅bootstrap3_bis分支）之前，有一个css解决方法仅适用于详细的对话框this blog post：
.modal { display: block; }
可以在这里使用plunkr：
答案 1 :(得分：2)
还有一个挂起请求，包含Bootstrap 3.0和AngularUi指令的大多数问题的修复，包括对话框的问题（这对我来说当然是最令人沮丧的！）：
https://github.com/angular-ui/bootstrap/pull/742
（见Bootstrap 3 compatible with current AngularJS bootstrap directives?）
答案 2 :(得分：-3)
您使用的示例代码适用于Twitter Bootstrap 2.3.2。你为什么期望它也适用于Twitter的Bootstrap 3版本3？ Twitter的Bootstrap 3与Twitter的Bootstrap 2.x不向后兼容。您必须更改/迁移HTML。因为您使用的是Angular JS，您必须迁移模板。大多数作品目前似乎已经准备就绪，请参阅：https://github.com/angular-ui/bootstrap/pull/742。 http://www.bootply.com/bootstrap-3-migration-guide会给你一个你必须做出的改变的印象。