Angular <script>标签在HTML中的位置

Question

我被分配一项将CodeIgniter与AngularJS相结合的项目。由于我没有实际运用angular的经验，所以一直在学习教程。然而我发现，在定位angular.js文件的html脚本标签上出现了一些零散问题。一些教程将脚本标签放在html标签内部，而一些教程将脚本标签放在底部（在闭合body标签之前）。当放置在head标签内时，它每次都能正常工作。但是当放置在底部时，我的程序会遇到问题，比如它无法识别{{variable}}并执行其应有的功能。Angular应该在两个位置都能够正常工作吗？我曾经听说只有Respond.js和modernizr.js应该放在head标签里面，其他所有内容都应该放在html页面的底部。我正在使用最新版本的Angular。

- Energetic Pixels

---

谢谢rjm226！我在之前的问题中寻找答案，但我认为我错过了已回答问题的返回。对于重新提问，抱歉各位。 - Energetic Pixels

可能是重复的问题：在HTML标记中放置<script>标签的最佳位置在哪里？ - Stewie

Answer 1

因为它是单页应用（SPA），只加载一次，所以您可以选择自己喜欢的方式，如果在头部加载，不会有性能问题。

如果您在页面底部声明angular.js，则有一种避免丢失插值变量的好方法：
在主页模板中应使用ng-bind指令来替代直接插值符号：

<div ng-bind="model.value"></div>

使用{{model.value}}的替代方法

- Mik378

Answer 2

你应该将它放在闭合的 body 标签之前。这样 JavaScript 就会在加载 html 后执行。

- Remco Haszing