Question

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

HTML CODE：

<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 CODE

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();

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

1 个答案: