Angular-Bootstrap,无法显示模态

Question

这是一个复制我正在解决的问题的掠夺者.

它的长短不一,我可以让背景出现,控制台显示模式被弹出到DOM上,但是不可见.不确定它是否应该弹出到不同的元素上,或者是否应该在某处手动设置可见性,但是我跟随示例代码并且无法使实际的模态对话框出现.

使用Angular-UI 0.6和Bootstrap 3.0样式(虽然我尝试过较旧的Bootstrap版本和多个角度版本).

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: " ";
}