在部分视图中加载Angular脚本-缓存问题

Question

我在Angular应用程序的部分视图中加载JavaScript时遇到问题。

这是我的设置： ui-router将对/profile请求的ui-view设置为<app-home-profile></app-home-profile> 。

appHomeProfile指令设置如下：

app.directive('appHomeProfile', function() {
    return {
        restrict: 'E',
        templateUrl: 'templates/user/profile.html',
        controller: ...,
        controllerAs: 'profileCtrl'
    }
});

现在，在profile.html文件中，我包括标准HTML，并在其底部包含一些JavaScript依赖项：

<script type="text/javascript" src="/javascripts/myScript1.js"></script>
<script type="text/javascript" src="/javascripts/myScript2.js"></script>

问题在于服务器日志显示Angular将时间戳添加到请求中，因此不允许缓存任何脚本！ 如果脚本以“常规”方式加载到文档的head ，则不会发生这种情况。

GET /javascripts/myScript1.js?_=1437207405398 200 2.356 ms - 22524
GET /javascripts/myScript2.js?_=1437207405399 200 1.873 ms - 29695

感谢您提供有关如何解决此问题的帮助！

谢谢，尼克

Answer 1

与jQuery相反，由于jqLit​​e简化了实现，因此Angular在请求的模板中不支持<script> 。 它可以是固定的那样 。

它在您的示例中起作用的原因是因为您在应用中使用jQuery，因此它管理DOM而不是jqLit​​e。 添加了AJAX请求中的时间戳以禁用浏览器缓存，这是jQuery的默认行为。 可以通过以下方式禁用

app.config(function () {
  angular.element.ajaxSetup && angular.element.ajaxSetup({ cache: true });
});