覆盖$ templateCache以区分大小写

Question

可以覆盖核心提供程序，如$templateCache同时保持对原始提供程序的引用吗？ 我想覆盖$templateCache以区分大小写。

IE之类的东西

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

但是更少的hacky，更多DI风格？

Answer 1

我会说使用decorator来修改实际的Provider代码，这些代码将在配置阶段完成，然后才会生效。

我们使用了$templateCacheProvider因为Provider附加的前缀表示它的provider （当你修改指令DDO时它可以是Directive ）。 您必须将此代码放在应用程序的config阶段中。

码

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;
    }]);
}

Answer 2

试试下面的代码，对我来说非常合适。

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;
        }]);
}]);