使用AngularJS路由时是否可以预加载模板？

Question

加载Angular应用后，我需要一些模板可以脱机使用。

这样的事情将是理想的：

$routeProvider
  .when('/p1', {
    controller: controller1,
    templateUrl: 'Template1.html',
    preload: true
  })

Answer 1

有一个 模板缓存服务 ：$
templateCache
，可用于在javascript模块中预加载模板。

例如，取自文档：

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

甚至还有一个艰巨的任务，可以从html文件中预先生成一个javascript模块：grunt-angular-
templates

另一种可能不太灵活的方法是使用 内联模板 ，例如，在index.html中具有如下脚本标记：

<script type="text/ng-template" id="templates/Template1.html">template content</script>

表示可以稍后以与路由配置（templateUrl: 'templates/Template1.html'）中的真实网址相同的方式对模板进行寻址