Angularjs - how to clear $routeProvider's caches of templateUrl

Question

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. I located the problem. I have defined `$routeProvider` where I load major of the app content. It is cached by default, therefore IE doesn't load `templateUrl` of `$routeProvider` because it loads them from cache: ``` myApp.config(function ($routeProvider) { $routeProvider. when('/', {controller: 'MyCtrl', templateUrl: '/eshop/myConfig'}) }); ``` What I don't get is why it works in all other browsers. 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…

Accepted Answer

Below should do it. You can manipulate angularjs's template caches by using $templateCache, so $routeProvider will load the template as new every time you access the controller.

```
myApp.config(function ($routeProvider) {
        $routeProvider.
            when('/', {controller: 'MyCtrl', templateUrl: '/eshop/myConfig'})
})

.controller('MyCtrl', function ($scope, $templateCache) {
    $templateCache.remove('/eshop/myConfig');
    // or
    $templateCache.removeAll();
});
```

Angularjs - how to clear $routeProvider's caches of templateUrl

Solution

Problem

Related problems