ui-bootstrap 模式 html 已创建并加载，但未显示

Question

我正在尝试使用 ui-bootstrap 显示一个简单的模式。

正如您在照片中看到的，模态框的 html 已加载但未显示。

我在论坛上看到了一些类似的问题：

AngularJS bootstrap.ui modal not showing
ui.bootstrap modal loading html but not showing anything

我已经按照那里的建议做了，但仍有 none 改进。

我更新了我的库，现在我正在使用：

angular: 1.4.9
angular-动画：1.4.9
ui-bootstrap: 1.1.1
bootstrap.css: 3.6.6

但这对我没有帮助。

我还修改了 bootstrap.css 就像在另一个 post:

中提出的那样

modal {
    display: none; to display: block;
}

但这对我也没有帮助！

Answer 1

我解决了这个问题，方法是将莫代尔玉从

div.modal.fade
  div.modal-dialog
    div.modal-content
      div.modal-header
        button.close(type = 'button', data-dismiss = 'modal', aria-hidden = 'true') &times;
        h4.modal-title test
      div.modal-body
        h4 test
      div.modal-footer
       h1 test

至

div.modal-content
   div.modal-header
     button.close(type = 'button', data-dismiss = 'modal', aria-hidden = 'true') &times;
     h4.modal-title test
   div.modal-body
     h4 test
   div.modal-footer
     h1 test

ui-bootstrap 模式 html 已创建并加载，但未显示

ui-bootstrap modal html created and loaded, but isn't shown

javascript

modal-dialog

showmodaldialog

angularjs

angular-ui-bootstrap