Question

我需要使用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如果我在脚本标签内添加模板，它就可以了。

Answer 1

试试这个

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

Answer 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')

如何使用$ template缓存文件？

2 个答案: