如何使用angular添加时间戳以在index.html中标记src

时间:2017-10-04 11:19:41

标签: javascript angularjs browser-cache

我正在使用angular 1来开发一个应用程序 我想为我的脚本添加一个参数,因此浏览器会检测到更改并第二次加载它们。 由于缓存,浏览器不会考虑更改标记

这是我的索引文件:

<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”, 我不想手动纠正

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

由于

1 个答案:

答案 0 :(得分:1)

试试这个:

让你的脚本标签没有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>