使用部分代码或内联代码加载AngularJS视图?

时间:2015-06-22 15:36:15

标签: javascript jquery angularjs ionic-framework

Ionic Framework的文档说明如下:

  

页面由给定的URL加载。在Angular中创建模板的一种简单方法是将它们直接放入HTML文件中并使用<script type="text/ng-template">语法。这样做很好,因为模板将被缓存以便快速加载,而不必从网络中获取它们。

在AngularJS文档中,我找到以下声明:

  

要添加详细视图,我们可以扩展index.html文件以包含两个视图的模板代码,但这会很快变得混乱。相反,我们将把index.html模板变成我们称之为“布局模板”的模板。这是我们的应用程序中所有视图通用的模板。然后,其他“部分模板”将包含在此布局模板中,具体取决于当前“路径” - 当前显示给用户的视图。

换句话说,Ionic文档说通过脚本标签加载模板比通过单独的部分更有效。我的问题是:我的移动应用程序的性能是否存在显着差异?我更喜欢一个很好的概述,但如果我的应用程序的性能较差,我宁愿使用partials。

1 个答案:

答案 0 :(得分:0)

通过在构建过程中添加grunt-angular-templates,您可以充分利用这两个方面。在开发期间,您可以使用部分组织代码,在构建时,所有部分都包含在主JavaScript应用程序文件中。