我正在尝试将带有ng-include指令的HTMl页面包含到我的主HTML中的div中。
主要HTML:
<div class="col-sm-9" data-ng-include="'subPage.html'">
</div>
此SubPage在给定div中显示为correclty。另外,子页面包含一个包含一些角度方法的脚本。我在子页面的标题中添加了。
<script type="text/javascript" src="js/subService.js"></script>
使用
调用页面本地主机:8080 /子页面
允许我使用控制器中的所有功能和链接功能。
但是当通过ng-include包含时,脚本甚至不会加载哪个ofc导致没有功能。 (在控制台中检查)
MainPage和SubPage都包含ng-app指令,并且都是完全独立的HTML。
有谁知道如何做到这一点?
更新
如答案所述
<object name="subPage" type="text/html" data="./subPage.html"></object>
是一个解决方案。但我没有找到一个解决方案,可以在我的body div标签中动态交换它们。
另一种选择是通过Jquery加载:
$("#subpage_id").click(function() {
$.getScript("js/subService.js");
$("#body").load("./subPage.html");
});
这个解决方案加载了HTMl和样式,但没有任何js(这是愚蠢的,因为它不会加载我的控制器js)