为模块缓存组合的AngularJS模板？

Question

我想预先加载模块所需的所有AngularJS模板。当模板已经合并到一个文件中时，我无法找到任何方法。

例如，我有一个名为＆＃34; templates.html＆＃34;的单个html文件。具有以下结构：

<script type='text/ng-template' id='directive1.html'>
    <p>Directive One</p>
</script>

<script type='text/ng-template' id='directive2.html'>
    <p>Directive Two</p>
</script>

我的指令将templateUrls设置为directive1.html和directive2.html。

我想要做的是让模块在启动时加载templates.html文件并缓存所有模板。

我找到了相关的示例，但只有在指令模板位于单个文件中时才会出现，而不是在它们已经合并时。

理想情况下会有$templateCache.load("/templates.html")方法，但我还没有找到这样的方法。

Answer 1

你可能想要使用这个伟大的咕噜声任务：grunt-angular-templates 我正在使用它。

它将完成缓存您为自己指定的所有模板的全部任务。

因此，您的directive1.html和directive2.html将被缓存。