angularjs - Angular-Bootstrap，无法出现模态

Question

这是一个模仿我所遇到的问题的工具。

简短地说，我可以看到背景，控制台显示弹出到DOM上的模式，但不可见。不知道是否应该将其弹出到其他元素上，或者是否应该在某个位置手动设置可见性，但是我跟随示例代码一起使用，无法显示实际的模态对话框。

将Angular-UI 0.6与Bootstrap 3.0样式结合使用(尽管我已经尝试了较旧的Bootstrap版本和多个angular版本)。

http://plnkr.co/edit/p23z5xnjQRmHu8MOfvcv?p=preview

Answer 1

因此，我设法完成了这项工作，将答案的各个部分汇总到了一起:https://github.com/angular-ui/bootstrap/issues/722。诀窍在于，至少目前，angular-ui不支持开箱即用的Bootstrap 3.0。但是，它可以解决。 HTML需要包装成模态对话框和模态内容，例如:

<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">blah</div>
<div class="modal-body">blah</div>
<div class="modal-footer">blah</div>
</div>
</div>

然后，您还需要向CSS添加一些样式:

.modal {
  display: block;
}

.modal-body:before,
  .modal-body:after {
    display: table;
    content: " ";
}

.modal-header:before,
.modal-header:after {
  display: table;
  content: " ";
}