Which is the right way to add Jquery and Angularjs in one project

Question

I am starting to add Jquery and AngularJs in our next project. I seen some article say use Jquery before AngularJs and Some article used Jquery after AngularJs. so, I am little confuse about which one is right.

see KendoUI used jquery before AngularJs and their own library after it.

<script src="jquery.min.js"></script>
<script src="angular.min.js"></script>
<script src="kendo.all.min.js"></script>

What is the concept behind use jquery before AngularJs and Kendo or other library after AngularJs.

And why kendoUI will not work if we use it before AngularJs, what is the concept behind it.

Its taken from KendoUI official site . see demos.telerik.com/kendo-ui/grid/angular . I just want that it is right way and its also work with other library also ? — virender
– virender, Commented Jan 21, 2015 at 5:56

aa333 · Accepted Answer · 2015-01-21 06:26:56Z

3

Angular can work with or without jQuery. If loaded without jQuery already loaded, it'll use jQLite which only has a handful of jQuery functions. Reference

So if you plan to use jQuery in your JS it makes sense to load it before Angular which will prevent jQLite from being loaded at all.

Kendo UI includes Angular directives, which won't work correctly unless the Angular framework is loaded before it.

The same principle would apply to any library that uses the Angular framework. If a library does not use it then the load order has no effect.

edited Jan 21, 2015 at 6:26

answered Jan 21, 2015 at 5:51

aa333

2,58419 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

squiroid · Accepted Answer · 2015-01-21 05:45:02Z

2

If you load jQuery after AngularJS, AngularJS attaches itself to jqLite but you can still access jQuery through $. This is not a good situation to be in. If you are going to use jQuery then you should always load it before AngularJS.

answered Jan 21, 2015 at 5:45

squiroid

14.1k7 gold badges50 silver badges68 bronze badges

1 Comment

Bhojendra Rauniyar Over a year ago

The OP is talking about kendo ui js if that is included before angularjs then don't work why...

Collectives™ on Stack Overflow

Which is the right way to add Jquery and Angularjs in one project

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related