Override $templateCache to be case insensitive

Question

Can one override core provider like $templateCache while maintaining reference to the original provider ? I'd like to override $templateCache to be case insensitive.

I.E. something like

var normalGet = $templateCache.get;
var normalPut = $templateCache.put;
$templateCache.get = function(key) { normalGet(key.toLowerCase()); };
$templateCache.put = function(key,value) { normalPut(key.toLowerCase(), value); };

But less hacky, more DI-style ?

Pankaj Parkar · Accepted Answer · 2016-07-27T05:38:48.827

4

I'd say use decorator to modify the actual Provider code which will be done at configuration phase before coming into action.

We used $templateCacheProvider because Provider appended prefix indicate that its provider(it can be Directive when you are modifying directive DDO of directive). You have to place this code inside config phase of your application.

Code

app.config(['$provide', Decorate]);
function Decorate($provide) {
  $provide.decorator('$templateCacheProvider', 
    ['$delegate', function($delegate) {
      var templateCache = $delegate[0];

      var normalGet = templateCache.get;
      var normalPut = templateCache.put;
      templateCache.get = function(key) { return normalGet(key.toLowerCase()); };
      templateCache.put = function(key,value) { normalPut(key.toLowerCase(), value); };

      return $delegate;
    }]);
}

edited Jul 27 '16 at 05:38

answered Jun 28 '16 at 14:39

Pankaj Parkar

134,766
23
234
299

@OndrejSvejdar my bad, corrected, Thanks for heads up. well, may I know what you specifically don't understand? – Pankaj Parkar Jun 28 '16 at 15:25
I was not sure how/where/to fire that - so the $provide was what I was after :). – Ondrej Svejdar Jun 28 '16 at 15:31
@OndrejSvejdar checkout updated answer. and let me know if you still unclear with whats happening. – Pankaj Parkar Jun 28 '16 at 15:45
1

I had to replace `$delegate[0]` with `$delegate` to make it work. – niaher Sep 14 '18 at 09:08
I had to replace `$provide.decorator('$templateCacheProvider',` with `$provide.decorator('$templateCache,`. And also use niaher's fix. Thanks a lot. – ashilon Jan 12 '20 at 12:03

score 0 · Answer 2 · edited Jul 30 '19 at 11:35

Try below code, worked perfectly for me.

angular.module('utils').config(['$provide', ($provide) => {
    $provide.decorator('$templateCache',
        ['$delegate', ($delegate: ITemplateCacheService) => {
            let templateCache = $delegate;
            let caseSenstiveGet = templateCache.get;
            let caseSenstivePut = templateCache.put;
            templateCache.get = (key) => { return caseSenstiveGet(key.toLowerCase()); };
            templateCache.put = (key, value) => { return caseSenstivePut(key.toLowerCase(), value); };
            return $delegate;
        }]);
}]);

Override $templateCache to be case insensitive

2 Answers2