Does one need jQuery when using Twitter Bootstrap with Angular.js?

Loading...

Does one need jQuery when using Twitter Bootstrap with Angular.js?

Is the jQLite (in built with AngularJS) sufficient to execute javascript functionality (like dropdowns) in Twitter Bootstrap?
docs.angularjs says:

DOM Manipulation from  Stop trying to use jQuery to modify the DOM in
  controllers. Really. That includes adding elements, removing elements,
  retrieving their contents, showing and hiding them. Use built-in
  directives, or write your own where necessary, to do your DOM
  manipulation. See below about duplicating functionality.

Solutions/Answers:

Answer 1:

According to the Angular UI Github, no.

Native AngularJS (Angular) directives for Twitter's Bootstrap. Small footprint (5kB gzipped!), no 3rd party JS dependencies (jQuery, bootstrap JS) required! 
http://angular-ui.github.io/bootstrap/

Though bear in mind this is a wrapper made specifically for Angular UI, you may/may not be able to easily use bootstrap plugins others have written with this.

However with a default Angular UI & copy of bootstrap then you’ll need jQuery as the code in the github repository has been heavily modified to work without jQuery.

[Edit] As noted in the comments UI Bootstrap is a very good option as well.

Answer 2:

If you are using Angular UI bootstrap then jquery is not required

Try this sample site

References

Loading...