在angularjs中预加载模板

时间:2015-07-06 14:01:45

标签: javascript angularjs templates caching angular-ui-router

第一次在角度应用程序中调用url时,引擎会获取所有模板(外部文件)。我想它会将它们重新启动以进行缓存。有没有 避免这种情况的方法,只调用感兴趣的模板?

谢谢

1 个答案:

答案 0 :(得分:0)

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

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

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

如果您不想使用构建工具,您还可以嵌入模板并通过唯一的I.D。

引用它们。

示例:Angularjs: Multiples partials in single html?