Question

我无法弄清楚我的模板缓存中的内容。当我谷歌时，我发现的只有：https://docs.angularjs.org/api/ng/service/ $ templateCache我正在寻找有关所有可用方法的文档，但无法找到它。但我真的想知道的是如何列出templateCache中的所有键。怎么做的？

Answer 1

我认为你可以使用$provide.decorator来包装put方法，并在添加时保留缓存中的密钥列表。然后，您可以使用相同的想法将新方法添加到返回所述列表的缓存工厂。

你可以在这里看到一个示例实现，应该很容易适应你的需求： https://github.com/angular/angular.js/pull/3760#issuecomment-130343142（粘贴在此处以供参考）。

app.config(['$provide', function($provide) {

    // monkey-patches $templateCache to have a keys() method
    $provide.decorator('$templateCache', [
        '$delegate', function($delegate) {

            var keys = [], origPut = $delegate.put;

            $delegate.put = function(key, value) {
                origPut(key, value);
                keys.push(key);
            };

            // we would need cache.peek() to get all keys from $templateCache, but this features was never
            // integrated into Angular: https://github.com/angular/angular.js/pull/3760
            // please note: this is not feature complete, removing templates is NOT considered
            $delegate.getKeys = function() {
                return keys;
            };

            return $delegate;
        }
    ]);
}]);

Answer 2

在Angular Docs中，$templateCache由$cacheFactory创建，它实例化Cache类型的对象。

似乎无法在不知道所有特定键的情况下直接查看模板缓存中的所有内容。您可以在模板缓存上调用.info()，但如果对您有任何帮助，请获取模板缓存的大小。

Thinkster还有关于这个主题here的非常好的教程。

Answer 3

我刚刚遇到这个问题，并找到了使用两个镀铬检查员黑客的方法：

设置调试断点
使用堆快照

查看https://github.com/DinisCruz/Book_Practical_AngularJS/issues/22#issuecomment-226160366

的屏幕截图

这不是我真正想要的（在单元测试中以编程方式访问），但它帮助我调试了问题

如何列出模板缓存中的所有内容？

3 个答案: