角度加载模板内联

Question

在angular 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。