如何从控制台访问 $templateCache答案

【问题标题】：How to access $templateCache from the console如何从控制台访问 $templateCache
【发布时间】：2015-12-10 11:15:42
【问题描述】：

我想通过从开发工具的控制台访问$templateCache 来检查它的内容。

我尝试了https://stackoverflow.com/a/24711132 给出的解决方案。

这对我不起作用。

我该怎么做？

【问题讨论】：

标签： angularjs

【解决方案1】：

我刚才尝试了这种方法，得到了一个定义好的模板：

这是我预定义的模板：

<script type="text/ng-template" id="template.html">
    <div class="modal-content">
        <div class="modal-header">
        </div>
        <div class="modal-body">
        </div>
        <div class="modal-footer">
        </div>
    </div>
</script>

在 Chrome devtools 控制台上（假设您的应用程序名称是“ng-app”）：

> var ngAppElem = angular.element(document.querySelector('[ng-app]') || document);
> ngAppElem.injector().get('$templateCache').get('template.html')
> "
        <div class="modal-content">
            <div class="modal-header">
            </div>
            <div class="modal-body">
            </div>
            <div class="modal-footer">
            </div>
        </div>
  "
>

我得到了这个 sn-p 的帮助：https://gist.github.com/mzgol/7893061

【讨论】：

这是一个不需要您明确命名应用的替代表达式：angular.element(document.querySelector('.ng-scope')).injector().get('$templateCache')

【解决方案2】：

懒人的单线：

angular.element(document.body).injector().get('$templateCache').get('<your/file.html or key>')

【讨论】：