angularjs - 如何从控制台访问 $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