javascript - 如何使用 Angular 将时间戳添加到index.html中的标签src

标签 javascript angularjs browser-cache

我正在使用 Angular 1 开发应用程序 我想向我的脚本添加一个参数,以便浏览器检测到更改并第二次加载它们。 由于缓存的原因,浏览器不会考虑更改 token

这是我的索引文件:

<html lang="fr" ng-app="app" class="no-js">
<!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Test</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">

    <link rel="icon" href="assets/img/favicon.ico" type="image/x-icon" />

    <link rel="stylesheet" href="css/bootstrap.flatly.min.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="fonts/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="css/main_sejour.css">
    <link rel="stylesheet" href="css/normalize.css">

    <script src="assets/libs/jquery/jquery.1.11.2.min.js"></script>
    <script src="assets/libs/jquery/jquery-ui.min.js"></script>
    <script src="js/bootstrap.js"></script>

    <script src="assets/libs/angular/1.3.12/angular.js"></script>
    <script src="assets/libs/angular/1.3.12/angular-route.js"></script>
    <script src="assets/libs/angular/1.3.12/angular-cookies.js"></script>
    <script src="assets/libs/angular/1.3.12/angular-sanitize.js"></script>

    <script src="app/sejour/prestation/prestation.js></script>

    <script src="app/sejour/fournisseur/fournisseur.js?v=1.0.4"></script>
    <script src="app/sejour/sejour/sejour.js?v=1.0.4"></script>
    <script src="app/sejour/sejour/sejour_edit.js?v=1.0.4"></script>
    <script src="app/services/fournisseur_service.js?v=1.0.4"></script>
    </head>

对于最后 4 行,我想通过动态变量更改“1.0.4”, 我不想手动纠正它

如果你可以看到,这一步中没有添加 Controller ,因为这是加载 Angular 及其功能的第一步

谢谢

最佳答案

试试这个:

使您的脚本标签没有 src 并具有类 dynScr,然后将其放入您的头部。

<script>
document.querySelectorAll(".dynScr")[0].src="app/sejour/fournisseur/fournisseur.js?v="+(new Date()).getTime();
document.querySelectorAll(".dynScr")[1].src="app/sejour/sejour/sejour.js?v="+(new Date()).getTime();
document.querySelectorAll(".dynScr")[2].src="app/sejour/sejour/sejour_edit.js?v="+(new Date()).getTime();
document.querySelectorAll(".dynScr")[3].src="app/services/fournisseur_service.js?v="+(new Date()).getTime();
</script>

关于javascript - 如何使用 Angular 将时间戳添加到index.html中的标签src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46563524/

相关文章:

javascript - Django 表单和缓存控制的问题

Javascript使函数一个接一个地执行

css - Angular 表达式没有得到评估

ajax - 如何使我的 AngularJS Wordpress AJAX 博客可搜索且对 SEO 友好?

javascript - Angularjs:如何组织一个大项目代码?

javascript - 哪个更好 : public javascript CDN or self-hosted combined javascript?

http - 什么是缓存控制 : private?

javascript - 从 Google Chrome 扩展程序中的通知切换当前标签

javascript - Jquery获取div的当前标签并填充

javascript - 单击更改某些视频源