angular如何知道ng-include文件的位置？

Question

我正在查看這個sample Angular App。

在主html文件名爲[index.html][2]，有這樣一行：

<div ng-include="'header.tpl.html'"></div> 

然而，有沒有在同一個目錄下的文件header.tpl.html。

Angular怎麼知道在哪裏可以找到這個文件？

Answer 1

鏈接的示例應用程序使用Grunt構建，因此構建的應用程序的文件/文件夾結構與您在存儲庫中看到的不同。

例如，你問的是模板，由html2js（咕嚕聲任務）收集並編譯成包含一個單一的代碼JavaScript文件將所有模板$templateCache（導致他們全部被包含在應用程序初始化，而不是被在需要時延遲加載）。當ng-include開始查找文件時，其第一步是查看$templateCache。只有當它在那裏找不到模板時，它纔會嘗試從服務器加載它（並將其保存到$templateCache以供後續使用）。

請參閱Gruntfile.js存儲庫中的構建過程的詳細信息。