How to disable template cacheing in Angular2

Question

Is there any way to disable template cache in Angular 2 ?

I'm creating one single page application in Angular2.My App have three page. So i use Route to switch from one page to another.In one of my page i have a submit button.I need to disable it based on values selected by user. My issue is that Once i make it disabled it will remain disabled until i refresh the page.It will not enable when i go back to come to same page. This is because of Template caching . Html page is not reloading once it loaded.

Is there any way to disable cache or reload template ?

Thanks

See [routerCanReuse](https://angular.io/docs/ts/latest/api/router/CanReuse-interface.html) — Eric Martinez, Mar 09 '16 at 15:25

score 0 · Answer 1 · answered Apr 01 '16 at 13:00

0

Issue is fixed now. Caching is occurred due to angular 2 beta.0 version. Now I updated it to beta.13. It's working now.

answered Apr 01 '16 at 13:00

DAN

2,630
5
14
22

score -3 · Answer 2 · edited May 23 '17 at 10:31

Please try the following links that address your question:

AngularJS disable partial caching on dev machine

How to clear template cache

Alternatively you can try this code:

...

app.run(function($rootScope, $templateCache) {
    $rootScope.$on('$routeChangeStart', function(event, next, current) {
        if (typeof(current) !== 'undefined'){
            $templateCache.remove(current.templateUrl);
        }
    });
});

Hope it helps!

How to disable template cacheing in Angular2

2 Answers2