Angularjs:加载 HTML 模板时的 HTTP 请求数？

Question

我刚开始学习 Angular ，所以这可能是一个愚蠢的问题，或者我只是遗漏了一些东西。

比如说，我有一个主模板 index.html，我想在某个时间点插入一个部分模板(它是一个表格)。因此，我发出一个 HTTP 请求以使用 ajax 加载部分，然后我还发出另一个请求以获取 JSON 数据以填充表部分。这是它的工作原理吗？

当您在服务器端处理它时，您会在响应之前获取数据并在模板中添加变量。所以只有一个请求，客户端得到的部分已经填满了数据。

我是不是遗漏了什么或者事情就是这样，您两次访问服务器:一次获取数据，另一次获取模板？

谢谢

Answer 1

是的，这就是开箱即用的方式，但是有几种方法可以避免必须对模板执行额外的请求。 Angular 有一个 template-cache在发出请求之前，它将尝试在其中找到给定的模板。将 Angular 应用程序打包用于生产时，很常见的是会生成一个脚本，将所有模板放入缓存中，然后在所有内容最小化后，该脚本可以附加到应用程序的其余部分。

有 grunt-plugins 可以为你做这件事(例如 this one )。我们陷入了 maven在我目前正在进行的项目中，所以我自己制作了。

另一种方法是将模板包含在您的 index.html 文件中(这在 <script type="text/ng-template" id="templateId.html"> 的文档中以 $templateCache block 显示。