重写$templateCache为不区分大小写

Question

可以在保持对原始提供程序的引用的同时覆盖$templateCache这样的核心提供程序吗?我想重写$templateCache为不区分大小写。

即就像

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

但少些俗气，多些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;
        }]);
}]);