angularjs code changes do not show up after browser refresh

TypeScript only!

In tsconfig.json add…

"compileOnSave": true, 

Besides using Dev Tools to make sure the cache is disabled, you can edit your Web.config file and tell IIS to not cache your Angular files:

<configuration>

  <!-- Disable IIS caching for directories containing Angular templates and scripts -->
  <location path="app">
    <system.webServer>
      <staticContent>
        <clientCache cacheControlMode="DisableCache"/>
      </staticContent>
    </system.webServer>
  </location>

...
</configuration>

My Angular root directory is app/. You may need to modify according to your file structure.


Hit F12 in your browser to bring up the Developer Tools. Disable the Cache. Reload your page.