AngularJS 在头部对身体

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

AngularJS 需要放置在头部吗?

32002 次浏览

不一定。

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

AngularJS 不需要放在 HEAD 中,实际上您通常也不需要放在 HEAD 中,因为这会阻止加载 HTML。

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

参见 https://stackoverflow.com/a/14076004/215945

谷歌群组上的一个答案给了我完美的洞察力(缩写) :

这真的取决于你登陆页面的内容。如果它的大部分 是静态的,只有很少的 AngularJS 绑定比是的,我同意 页面的底部是最好的。但是在一个完全动态的情况下 你希望尽快加载 AngularJS 的内容。

因此,如果你的内容在很大程度上是通过 Angular 生成的,你只需要在头部包含 Angular 就可以节省额外的 CSS 和 ng-cloak指令。

Https://groups.google.com/d/msg/angular/xtjfkqhjw5y/pbsotoaqlkwj

在页面底部加载角 JS 确实会导致一个丑陋的\{\{ something }} html 的闪光。在 body 标记中使用 ng-double 指令会创建一个空的 flash,直到加载 JS 为止,这样就不会比在 head 元素中加载 AngularJS 增加任何好处。您可以向包含 ng 指令的每个元素添加 ng-枕头,但是最终会出现一些空元素。所以,只要在 head 元素中加载 Angular 和 app.js 文件,就像 Angular 文档在其文档中所建议的那样: “为了达到最佳效果,Angular.js 脚本必须在 html 文档的 head 部分中加载”