如何使用文件进行 $template 缓存？答案

【问题标题】：How use file for $template cache?如何使用文件进行 $template 缓存？
【发布时间】：2016-02-23 19:36:59
【问题描述】：

我需要使用 html 文件中的模板。

所以我添加了脚本，其中 id 是我的 html 文件的路径。

<script type="text/ng-template" id="app/directives/userAvatarTooltip.html"><script>

获取模板

var template = $templateCache.get('app/directives/userAvatarTooltip.html');
return template;

但是模板是空的。

p.s 如果我在脚本标签中添加模板，它是有效的。

【问题讨论】：

你想要它在指令中吗？

标签： angularjs angular-templatecache

【解决方案1】：

试试这个

    var clone = $compile($templateCache.get("app/directives/userAvatarTooltip.html"));
    return $scope.$apply(function () {
        return clone($scope);
    });

【讨论】：

【解决方案2】：

通过 $templateCache 服务添加：

var myApp = angular.module('myApp', []);
myApp.run(function($templateCache) {
  $templateCache.put('templateId.html', 'This is the content of the template');
});

要稍后检索模板，只需在 HTML 中使用它：

<div ng-include=" 'templateId.html' "></div>

或通过 Javascript 获取：

$templateCache.get('templateId.html')

【讨论】：