我的angularjs spa并没有反映我最新的HTML代码

Question

我现在正在管理一个AngularJS应用程序，在尝试了解有关AngularJS的更多内容时我没有开发。但是，我坚持这个特殊问题。 我正在更新html代码上的一些文本。 这是一个例子。 我改变了这个

<div fxFlex="50" fxLayoutAlign="center center">
  <h4 class="overview-title">Energy Use</h4>
</div>

用这个：

<div fxFlex="50" fxLayoutAlign="center center">
   <h4 class="overview-title">Energy Used</h4>
</div> 

我运行＆＃34; npm运行模型＆＃34;然后运行应用程序，但页面仍然显示＆＃34;能源使用＆＃34;而不是＆＃34;能源使用＆＃34;。 这使我很难测试任何更新。有人可以帮助解释为什么会发生这种情况或者指出一种强制角度JS使用特定HTML页面的最新版本的方法吗？

Answer 1

当您从浏览器请求页面时，默认情况下，大多数浏览器会缓存一些文件，以便为将来的请求快速提供页面。虽然它可以缩短响应时间，但是当您处于开发阶段时会变得混乱。

我对这些缓存问题进行了快速解决，清除浏览器缓存并点击 CTLR + F5 键以强制再次从服务器获取缓存文件。

如果您有一个不应缓存的页面，可以通过在响应流中设置适当的HTTP标头来实现。有关详细信息，请参阅此SO帖子

Answer 2

1. 使用模板缓存：$templateCache是在模板内容的键值存储中构建的angular。通过ng-include提取由远程URL声明的模板时，angular首先在$templateCache中寻找它，如果找到该模板，它将不执行http请求。
   https://docs.angularjs.org/api/ng/service/$templateCache？

2. 使用以下命令为AngularJS构建最新的模板缓存： gulp：构建模板缓存

3. 执行 CTRL + F5 清除浏览器缓存，最新的HTML更改将立即显示。