ng-include不会加载嵌套在包含的html中的脚本

时间:2016-11-10 11:47:05

标签: javascript html angularjs

我正在尝试将带有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)

0 个答案:

没有答案