AngularJS Firefox HTML cache

Question

在

AngularJS框架下在Firefox中开发真的很烦人。为什么？因为你只是刷新并重新加载JavaScript，但HTML很多时候不是这种情况。因此，每次更改模板中的单个位时，都必须手动清除缓存以确保应用更改。

知道为什么Firefox/Angular这样做，以及如何防止它吗？

我还尝试了"硬刷新"扩展（https://addons.mozilla.org/en-US/firefox/addon/hard-refresh/?src=search）以使事情变得更容易，以及Ctrl + F5组合，但即使这样也不足以真正刷新页面。到目前为止，我找到的唯一方法是通过首选项菜单，在隐私选项卡中，选择（仅）要清除的缓存。

Answer 1

Firefox devtools 和 Firebug 都可以暂时禁用缓存。

如果使用功能齐全的 Web 服务器进行开发，则可以从服务器端禁用缓存，因此不仅限于调试器面板。

Answer 2

您是否尝试使用$templateCache来清除它，在您的 app.run 函数上添加以下代码：

$rootScope.$on('$viewContentLoaded', function() {
      $templateCache.removeAll();
});