进行更改后刷新页面不会在Web浏览器中呈现

Question

我正在学习角度，并在此处克隆了存储库。我通过npm安装了依赖项并运行了Web服务器。我可以在localhost：4000加载页面。

如果我对index.html进行了更改（一个简单的文本更改），我可以在刷新浏览器时看到结果。但是，如果我对作为角度指令加载的html页面进行了更改，则更改不会出现在我的浏览器中（Chrome，FIrefox）。我尝试了F5，Ctrl + F5，Shift + F5等。即使重新启动网络服务器也没有做任何事情。

我是否需要在角度代码中设置以便刷新正常工作？

https://github.com/codeschool/WatchUsBuild-ReadingListAppWithAngularJS

注意，这是Angular 1x proj。

Answer 1

Should I blame caching

它已缓存在您的浏览器中。只需打开您的开发工具，然后在网络选项卡标记下禁用缓存。

  

注意： - 仅当dev工具打开时才会起作用。

我可以推荐检测更改的live-server，并在浏览器中重新加载。

另一件事Angular它默认使用模板缓存，因此也可能导致问题，在这种情况下，您需要在更改时重建应用程序。

read about template cache

Answer 2

是的，因为浏览器通常会缓存网页，当您在html中进行更改然后刷新时，浏览器会加载缓存的页面。它不会每次都发生，但大部分时间都不会发生。因此，请尝试清除浏览器的缓存，然后加载页面。它应该正常工作。

Angular 2和ember有一些名为watch的机制，用于查找您在文件中所做的更改，每当它检测到更改时，它都会重新编译所有文件并为您加载一个新副本。但是在Angular 1中，我认为没有这样的机制，我自己也面临这个问题。这是我到目前为止遇到的解决方案。希望别人有更好的解决方案。