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

Question

I am using angular 1 to develop an application I want to add a argument to my scripts, so the browser detecte a change and load them for second time. 我正在使用angular 1开发应用程序，我想在脚本中添加一个参数，因此浏览器会检测到更改并将其第二次加载。 Because of the cache, changes are not token in consideration by the browser 由于具有缓存，浏览器不会考虑更改

Here is my index file: 这是我的索引文件：

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

For the last 4 lines, i want to change "1.0.4" by a dynamic variable, I don't want to right it manually 对于最后4行，我想通过动态变量更改“ 1.0.4”，我不想手动对其进行纠正

If u can see, there are no controller added in this step, because it is the first step to load Angular and its features 如果您可以看到，则此步骤中未添加任何控制器，因为这是加载Angular及其功能的第一步

Thanks 谢谢

Answer 1

Try this: 尝试这个：

Make your script tags have no src and have the class dynScr , then put this in your head. 使您的脚本标签没有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>

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

问题描述

1 个解决方案

解决方案1
1 已采纳 2017-10-04 11:29:34

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

问题描述

1 个解决方案

解决方案1 1 已采纳 2017-10-04 11:29:34

解决方案1
1 已采纳 2017-10-04 11:29:34