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

Question

Ionic Framework 的文档说明如下：

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

在 AngularJS 文档中，我发现以下语句：

要添加详细视图，我们可以扩展 index.html 文件以包含两个视图的模板代码，但这很快就会变得混乱。相反，我们将把 index.html 模板变成我们所说的“布局模板”。这是我们应用程序中所有视图通用的模板。然后根据当前的“路线”——当前向用户显示的视图，将其他“部分模板”包含到此布局模板中。

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

Answer 1

将grunt-angular-templates 添加到您的构建过程中，您可以两全其美。在开发期间，您可以使用部分组织代码，并且在构建时，所有部分都包含在您的主要 JavaScript 应用程序文件中。