如何从控制台访问$ templateCache

Question

我想$templateCache通过从devtool的控制台访问它来检查内容.

我尝试了以下解决方案: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控制台上(假设您的应用程序的名称是"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>
  "
> 

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

Answer 2

懒人的单行程:

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