内联角度加载模板

Question

在有角度的js 1.2.22版本代码中，我在HTML中看到了这一点。

<div class="mainContent" ng-include="content"> </div>

在相应的控制器中，我看到了

$scope.content = 'templates/contents/home.html';

我看到它进行了Ajax调用以加载模板。

我正在努力提高内容显示的速度，并且做了一些优化，例如最小化javascript代码和最小化CSS。

我的疑问是如何进行此内联-而不进行Ajax调用。 因此，我可以检查该模板显示内容的速度是否存在明显差异？

我尝试使用gulp-angular-templatecache缓存模板，但是没有用。 是否有任何解决方法，以便可以使此模板内联？

Answer 1

您正在寻找的是Angular的$templateCache 。

根据您的任务运行器，您可能想尝试一下gulp-angular-templatecache或grunt-angular-templatecache 。