javascript - 防止在 Angular js应用程序中缓存

Question

我正在开发 Angular js 应用程序，它是一个单页应用程序，我们使用路由来切换 View 。所有文件(样式表和 javascript)仅在索引页面第一次被点击时加载一次，假设我更新了其中一个样式表或 javascript 文件，然后它采用旧版本的文件而不是更新的文件。

我想强制客户端浏览器在服务器文件有更新时获取最新文件，而不是从缓存中获取它而不刷新页面 (index.html) 本身。

如有任何帮助，我们将不胜感激。

Answer 1

您可以通过在定义不同 url 状态的页面中使用 cache: false 参数来防止在 angular js 中缓存文件。

$stateProvider.state('login', {
        url: '/yourState',
        cache: false,
        templateUrl: 'yourTemplate.html',
        controller: 'yourController as yourCtrlObj'
    });

在状态参数中将cache设置为false，页面加载完成后相应页面的所有文件都会重新加载。在这里，我给出了一个在 Angular js 中使用 controllerAs 语法的例子