title: Angularjs - how to clear $routeProvider's caches of templateUrl
body: <p>I have really basic use case in my app where I use AngularJS (1.0.8) for front end and Grails for back end. In the app layout I have a language switcher which allows the user to change the language. Switching the language, it does new http request to retrieve the page. Grails renders all language related stuff (i.e. labels) properly translated. This only works for Chrome, FF, and so but not for IE. IE renders proper language just for layout which is rendered by the main request.</p>
  
  <p>I located the problem. I have defined <code>$routeProvider</code> where I load major of the app content. It is cached by default, therefore IE doesn't load <code>templateUrl</code> of <code>$routeProvider</code> because it loads them from cache:</p>
  
  <pre><code>myApp.config(function ($routeProvider) {
          $routeProvider.
              when('/', {controller: 'MyCtrl', templateUrl: '/eshop/myConfig'})
  });
  </code></pre>
  
  <p>What I don't get is why it works in all other browsers.</p>
  
  <p>I found some post how to clear cache but they doesn't work for me. Is there any solution for me? If not, I find <code>$routeProvider</code> completely useless for my use case.
  Post I found:</p>
  
  <ul>
  <li><a href="https://stackoverflow.com/questions/19069164/angularjs-clear-history-when-view-loaded">angularjs clear history when view loaded</a></li>
  <li><a href="https://stackoverflow.com/questions/14718826/angularjs-disable-partial-caching-on-dev-machine">AngularJS disable partial caching on dev machine</a></li>
  </ul>