Bootstrap 模态在 ng-include 中不起作用

Question

我在我的项目中使用 bootstrap 模态 (Link) 但它似乎在 ng-include

中不起作用

https://plnkr.co/edit/W3utfj7URejXpeJX524e?p=preview

<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div data-ng-include="partial.html"></div>  
</div>
</div>

我尝试调试 css 并最终在 issue

似乎有些 类 在使用 ng-include 时没有触发 有没有人遇到过类似的问题..

Answer 1

您有两种关闭方式

1. html方式：在按钮中使用(data-backdrop="false")。

2. 通过脚本

   $('#myModal').modal({ 背景：假 })

如需更多参考，您可以click here

Answer 2

问题是

data-ng-include="partial.html"

应该是

data-ng-include="'partial.html'"

注意：你的 plunker 不起作用，因为对 angularjs 的引用不是 https

这是一个有效的 plunker