angularjs - 头部与身体中的 AngularJS

Question

在所有 AngularJS 示例中，Angular 库都放置在文档的 HEAD 标记中。我有一个基于 HTML5 样板布局构建的现有项目。</BODY>这定义了 JS 库应该放在标签之前的 DOM 的最底部。

AngularJS 是否需要放在 HEAD 中？

Answer 1

AngularJS 不需要放在 HEAD 中，实际上你通常不应该，因为这会阻止加载 HTML。

但是，当您在页面底部加载 AngularJS 时，您将需要使用ng-cloak或ng-bind来避免“未编译内容的闪烁”。请注意，您只需要在“index.html”页面上使用 ng-cloak/ng-bind。当 ng-include 或 ng-view 或其他 Angular 构造用于在初始页面加载后拉入额外内容时，该内容将在显示之前由 Angular 编译。

另请参阅https://stackoverflow.com/a/14076004/215945

Answer 2

Google Groups 上的这个答案给了我完美的洞察力（缩短）：

这实际上取决于您的目标网页的内容。如果大部分是静态的，只有很少的 AngularJS 绑定，我同意，页面底部是最好的。但如果是完全动态的内容，您希望尽快 [在头部] 加载 AngularJS。

因此，如果您的内容大部分是通过 Angular 生成的，您ng-cloak只需在头部包含 Angular 就可以节省额外的 CSS 和指令。

https://groups.google.com/d/msg/angular/XTJFkQHjW5Y/pbSotoaqlkwJ

Answer 3

不必要。

请看一下这个http://plnkr.co/edit/zzt41VUgR332IV01KPsO?p=preview。角度 js 放置在页面底部的位置，如果将其放置在顶部，仍然呈现相同的输出。

Answer 4

在页面底部加载 Angular JS 确实会导致一闪而过的丑陋 {{ something }} html。在 body 标记中使用 ng-cloak 指令会在加载 JS 之前创建一个空 flash，因此与仅在 head 元素中加载 AngularJS 相比，它不会增加任何好处。您可以将 ng-cloak 添加到每个带有 ng 指令的元素，但最终会得到一闪而过的空元素。Soooo，只需将 Angular 和您的 app.js 文件加载到 head 元素中，正如 Angular 文档在其文档中的引用中所建议的那样：“为了获得最佳结果，必须将 angular.js 脚本加载到 html 文档的 head 部分”