在索引页面中包含angularjs的首选顺序?

时间:2015-12-31 07:18:21

标签: javascript jquery html angularjs web-applications

我是新手并学习AngularJS并实施一个项目。出于许多目的,我必须在index.html页面中包含太多JavaScript。我在another question上读到,在包含任何其他js文件之前,我们必须先包含角度线。

我必须包含许多JavaScript但是在哪个顺序(首选项)中混淆,必须包含在index.html页面中。请帮我理解这个。即使有很多类型的角度(动画,路线),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>

2 个答案:

答案 0 :(得分:4)

源排序的经验法则如下:

  • 如果您想使用jQuery,请先将其包含在内。按照these docs
  • 在其他所有内容之前加入angular.js
  • 包括所有角度扩展库
  • 所有其他第三方图书馆
  • 您的应用代码(如果您的所有代码都与角度相关,那么此顺序无关紧要,除非您以多文件方式使用angular.module()

另外,请查看有关放置脚本的确切位置的问题:AngularJS in HEAD vs BODY

答案 1 :(得分:0)

始终记住按照依赖关系顺序引用脚本,例如&#34; angular-route&#34;和#34;角度动画&#34;依赖于&#34; angular&#34;所以角度必须在顶部,同样的方式&#34;棱角分明&#34;使用&#34; jqLit​​e&#34;提供基本的jQuery功能,但是如果你想使用全部功能,你需要在&#34; angular&#34;之上引用jQuery,现在你可以决定哪个引用哪个顺序。我希望这有帮助。