在索引页中包含 angularjs 的优先顺序?
Preference order of including angularjs in index page?
我是新手,正在学习 AngularJS 和实施项目。出于多种原因,我必须在 index.html 页面中包含太多 JavaScript。我在 another question 上读到我们必须先包含 angular 行,然后再包含任何其他 js 文件。
我必须包含许多 JavaScript 但我不知道顺序(偏好),必须包含在 index.html 页面中。请帮助我理解这一点。甚至有很多类型angular(animate, route,), JQuery, TweenMax等
我将 index.html 包含的页面 JavaScript 放在这里。
<script type="text/javascript" src="js/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>
<script type="text/javascript" src="js/angular-animate.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/TweenMax.min.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/demo.js"></script>
<script type="text/livescript" src="js/snap.js"></script>
来源排序的经验法则如下:
- 如果要使用jQuery,请先包含它。根据 these docs.
- 在其他所有内容之前包含
angular.js
- 包括所有 angular 扩展库
- 所有其他第三方库
- 您的应用程序代码(如果您的所有代码都 angular 相关,那么代码的顺序无关紧要,除非您以多文件方式使用
angular.module()
)
此外,请查看这个关于将脚本放置在何处的问题:AngularJS in HEAD vs BODY
永远记得按照依赖顺序引用脚本,例如 "angular-route" 和 "angular-animate" 依赖于 "angular" 所以 angular 必须在最前面,like-wise "angular" 使用 "jqLite" 来提供基本的 jQuery 功能,但是如果您想使用完整的功能,您需要在 "angular" 之上参考 jQuery ,现在您可以决定以何种顺序引用哪一个。我希望这有帮助。
我是新手,正在学习 AngularJS 和实施项目。出于多种原因,我必须在 index.html 页面中包含太多 JavaScript。我在 another question 上读到我们必须先包含 angular 行,然后再包含任何其他 js 文件。
我必须包含许多 JavaScript 但我不知道顺序(偏好),必须包含在 index.html 页面中。请帮助我理解这一点。甚至有很多类型angular(animate, route,), JQuery, TweenMax等
我将 index.html 包含的页面 JavaScript 放在这里。
<script type="text/javascript" src="js/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>
<script type="text/javascript" src="js/angular-animate.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/TweenMax.min.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/demo.js"></script>
<script type="text/livescript" src="js/snap.js"></script>
来源排序的经验法则如下:
- 如果要使用jQuery,请先包含它。根据 these docs.
- 在其他所有内容之前包含
angular.js
- 包括所有 angular 扩展库
- 所有其他第三方库
- 您的应用程序代码(如果您的所有代码都 angular 相关,那么代码的顺序无关紧要,除非您以多文件方式使用
angular.module()
)
此外,请查看这个关于将脚本放置在何处的问题:AngularJS in HEAD vs BODY
永远记得按照依赖顺序引用脚本,例如 "angular-route" 和 "angular-animate" 依赖于 "angular" 所以 angular 必须在最前面,like-wise "angular" 使用 "jqLite" 来提供基本的 jQuery 功能,但是如果您想使用完整的功能,您需要在 "angular" 之上参考 jQuery ,现在您可以决定以何种顺序引用哪一个。我希望这有帮助。