Question

我想通过devtool控制台访问$templateCache来查看内容。

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

这对我没有用。

我该怎么做？

Answer 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控制台上（假设您的应用程序的名称是＆＃34; ng-app＆＃34;）：

> 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>
  "
>

我从这个片段获得了帮助：https://gist.github.com/mzgol/7893061

Answer 2

懒人的单行：

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

如何从控制台访问$ templateCache

2 个答案: