Correct way to integrate jQuery plugins in AngularJS

by

Yes, you are correct. If you are using a jQuery plugin, do not put the code in the controller. Instead create a directive and put the code that you would normally have inside the link function of the directive.

There are a couple of points in the documentation that you could take a look at. You can find them here:
Common Pitfalls

Using controllers correctly

Ensure that when you are referencing the script in your view, you refer it last – after the angularjs library, controllers, services and filters are referenced.

EDIT: Rather than using $(element), you can make use of angular.element(element) when using AngularJS with jQuery

More Related Contents:

  1. jqgrid setGridParam datatype:local
  2. How to implement hierarchical multilevel datatable in javaScript?
  3. What is the difference between Polymer elements and AngularJS directives?
  4. ‘Best’ practice for restful POST response
  5. How to master AngularJS? [closed]
  6. Understanding the transclude option of directive definition?
  7. Show pop-ups the most elegant way
  8. Webstorm: “Cannot Resolve Directory”
  9. How to integrate AngularUI to AngularJS?
  10. Fontawesome is not working when project is built with grunt
  11. Angularjs – simple form submit
  12. angularjs text area character counter
  13. Adding rows with ng-repeat and nested loop
  14. Angular passing scope to ng-include
  15. Binding inputs to an array of primitives using ngRepeat => uneditable inputs
  16. $resource callback (error and success)
  17. how to pass querystring in angular routes?
  18. AngularJS: lazy loading controllers and content
  19. jQuery Webpage Preview [duplicate]
  20. Two views in one AngularUI Router state sharing scope
  21. Is it a bad practice to use jQuery in Angular? [closed]
  22. Filter Array Using Checkboxes with AngularJS
  23. Rename Object Key in an array using javascript
  24. Queue AJAX calls
  25. Function Called Multiple Times in AngularJS Repeat Section
  26. How to ‘unwatch’ an expression
  27. Load static JSON file in Webpack
  28. Good way to dynamically open / close a popover (or tooltip) using angular, based on expression?
  29. scope and controller instantiation with ui router
  30. Decode HTML entity in Angular JS

Leave a Comment