AngularJS：如何使用ng-include将javascript文件加载到局部文件中

Question

我的主要javascript文件（它们位于index.html中）不想在部分文件（page1.html等）中工作。例如jquery，hightlight语法。 问题是在单击菜单时加载它们。

HTML代码：

<div data-ng-controller="TestCtrl">
<ul>
    <li data-ng-repeat="page in pages"><a href="" data-ng-click="loadPage(page)">{{page.title}}</a></li>
</ul>
<article data-ng-include="view"></article>

JS代码

app.controller('TestCtrl', ['$scope', function($scope){
$scope.pages =
    [
        {
            title: 'Test',
            url: 'page1.html'
        },
        {
            title: 'Test2',
            url: 'page2.html'
        },
        {
            title: 'Test3',
            url: 'page3.html'
        }
    ];
$scope.view = $scope.pages[0].url;
$scope.loadPage = function($page){
    $page.url ?  $scope.view = $page.url : '';
};

当我单击某些链接（page1.html，page2.html，page3.html）时，将加载内容。 但是脚本不想工作。 这里有什么问题？

Answer 1

您是说index.html中的脚本在加载的局部文件中不起作用？

所以我认为这与该脚本有关。 加载模板文件后，应再次初始化这些脚本。

大多数jquery插件都具有插件初始化函数，只需再次运行即可。 例如$('.codeblock').highliter();