Angular $ templatecache не работает, когда я пытался включить кэшированный шаблон в HTML

Question

Я пытаюсь кешировать $templatecache, так как мой html приходит из контроллера в виде строки, чем я просто помещаю его в кеш, используя $templatecache, но когда я пытаюсь включить его в HTML, используя следующий оператор, чем он показывает мне 404 ошибка не найдена в консоли.

http://local.mydomain.com/myaccount/dqs.html 404 (не найдено)

  "<div id="dqs" ng-include="'dqs.html'"  class="form__main" set-height></div>"

Угловой код:

 $templateCache.put('dqs.html', filteredFormHtml);

Answer 1

При добавлении шаблона в html необходимо сначала кэшировать этот шаблон с помощью службы $ templateRequest .

$templateRequest('/myaccount/dqs.html').then(function (filteredFormHtml) {
      $templateCache.put('filteredFormHtml', filteredFormHtml);
});

После того, как шаблон кэширован, вы можете использовать его в любом месте вашего шаблона, используя ng-include

"<div id="dqs" ng-include="'dqs.html'"  class="form__main" set-height></div>"

Ниже приведены пользовательские ссылки для лучшего понимания $ tempalteCache Сервис

1) https://docs.angularjs.org/api/ng/service/$templateCache

2) https://thinkster.io/templatecache-tutorial