如何将javascript文件与ng include模板一起加载

我使用下面的代码将一个模板包含到我的主文件中

<p ng-include=" 'activity.html' "></p>

我的activity.html如下所示

<script type="text/javascript" src="myjsfile.js"></script>

<p>Activity page contents</p>

活动页面内容

但是javascript没有随模板一起加载

我在SO中发现了一些与此相关的问题，但无法找到有效的解决方案。 其中一个答案是在主文件中的angularjs上方加载jquery，这样脚本标记就会被接受。但是我发现它不起作用。

我在这里找到了这个答案，不幸的是，它不是被接受的答案。因此，我在这里提供了一些更新的需要

图书馆链接

创建包含以下脚本的js文件，并将其加载到主文件中。

(function (ng) {
    'use strict';

    var app = ng.module('ngLoadScript', []);

    app.directive('script', function() {
        return {
            restrict: 'E',
            scope: false,
            link: function(scope, elem, attr) {
                if (attr.type=='text/javascript-lazy') {
                    var code = elem.text();
                    var f = new Function(code);
                    f();
                }
            }
        };
    });
}(angular));

和，将模块加载为应用程序依赖项：

angular.module('myApp', [
    'ngLoadScript'
])

<script type="text/javascript-lazy">
    loadjscssfile("myjsfile.js", "js");
</script>

在部分（**activity.html）中，使用

text/javascript-lazy

作为

script

标记的

type

属性值，而不是

text/javascript

：**

<script type="text/javascript-lazy">
    alert("Yup!");
</script>

和部分（activity.html）：

angular.module('myApp', [
    'ngLoadScript'
])

<script type="text/javascript-lazy">
    loadjscssfile("myjsfile.js", "js");
</script>

loadjscssfile（“myjsfile.js”、“js”）；