加快AngularJS中动态生成的表单/模板的加载速度

时间:2015-10-07 13:10:53

标签: ajax angularjs performance templates build

我是通过$http.get()加载的JSON数据生成表单,因此使用一堆自定义/第三方指令(ui-selectBootstrap UI,...)获得理想的最终结果。只是为了让事情变得更有趣,表格是嵌套的,而ng-repeat,事情仍然很平淡,特别是在移动设备上。表单非常冗长,我将它分成几个部分,所以放ng-if并一次显示一个部分,以及使用bindonce确实提高了性能,但不是我觉得从UX POV合适的程度。

catch 22 是基础JSON数据不太可能改变,所以理想情况下我喜欢在开发中使用草率版本,但在生产中我想要构建/编译表单,使其加载速度更快。

我知道第三方库(即 ui-select )会引入瓶颈,但除了在$templateCache部分使用$compileapp.run()之外,还是渲染带有模板引擎的表格,例如ejs,为了提高性能,我应该考虑哪些其他调整?

1 个答案:

答案 0 :(得分:1)

U还可以使用IndexedDb或Local Storage来缓存数据,以缓存JSON数据,这可以更快地加载表单。