Как получить доступ к $templateCache с консоли

Я хочу проверить содержимое $templateCache, обратившись к нему с консоли devtool.

Я попробовал решение, указанное в: qaru.site/info/101208/....

Это не сработало для меня.

Как я могу это сделать?

ОТВЕТЫ

Ответ 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

Ответ 2

Один лайнер для ленивых людей:

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