內聯角度加載模板

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 。