angular - Angular2 中 $templateCache 的替代品

Question

当我们想到在 Angular2 或 Angular1.X 中使用 template 时，我们知道下面是一种基本的写法:

模板:'./template-ninja.html'

在 Angular1.X 中，我们之前可以使用 $templateCache.put() 缓存所有模板，如下所示:

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

这将减少 http 请求的数量。我想知道如何使用 Angular2 实现相同的功能。有人能帮忙吗？谢谢。

Answer 1

gulp-inline-ng2-模板

目前最好的方案是gulp-inline-ng2-template。

这需要一个具有 templateUrl 属性的组件，加上一个 html 文件，并将其转换为一个具有内联模板的组件。

https://github.com/ludohenin/gulp-inline-ng2-template