在angularjs中预加载模板

Question

我第一次在angular应用程序中调用url时，引擎会获取所有模板（外部文件），我想它会检索它们进行缓存。 有没有一种方法可以避免这种情况，只调用感兴趣的模板？

谢谢

Answer 1

最好的方法是使用诸如Grunt或Gulp之类的构建工具，并使构建过程自动化。 您可以安装一个软件包，该软件包将通过设置的路径加载所有模板，将它们转换为有角度的模板文件，然后将它们合并为一个文件。 然后，您的角度应用程序将只需要加载一个文件，它们便会立即加载到内存中。

Grunt插件： https : //github.com/ericclemmons/grunt-angular-templates

Gulp插件： https : //github.com/miickel/gulp-angular-templatecache

如果您不想使用构建工具，也可以内联嵌入模板，并通过唯一的ID引用它们。

示例： Angularjs：在单个html中有多个局部词？