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

时间:2017-01-12 04:26:09

标签: javascript angularjs twitter-bootstrap angular-ui-bootstrap angularjs-ng-include

我在我的项目中使用了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时似乎有些类没有触发 有没有人遇到类似的问题..

2 个答案:

答案 0 :(得分:1)

你有两种方法可以关闭它

  1. html方式:在按钮中使用(data-backdrop="false")。
  2. 通过脚本

    $( '#myModal')。模态({     背景:假 })

  3. 如需更多参考,您可以click here

答案 1 :(得分:1)

问题是

data-ng-include="partial.html"

应该是

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

注意:由于对angularjs的引用不是https

,您的plunker不能正常工作

这是一个有效的plunker

相关问题