How to use jQuery Plugin with Angular 4?

by

Install jquery with npm

npm install jquery --save

Add typings

npm install --save-dev @types/jquery

Add scripts to angular-cli.json

"apps": [{
  ...
  "scripts": [
    "../node_modules/jquery/dist/jquery.min.js",
  ],
  ...
}]

Build project and serve

ng build

Hope this helps! Enjoy coding

More Related Contents:

  1. How to use jQuery with Angular?
  2. jQuery is not defined in bootstrap-sass
  3. How to run a jquery function in Angular 2 after every component finish loading
  4. Angular4 can’t find Jquery-UI functions
  5. How to navigate/focus to the next item in Angular2?
  6. jquery change section with scrolling and animation
  7. Get selected value of a dropdown’s item using jQuery
  8. Bootstrap carousel multiple frames at once
  9. Code working in jsFiddle but not in browser
  10. Disallow Twitter Bootstrap modal window from closing
  11. $.ajax context option
  12. What is the fastest method for selecting descendant elements in jQuery?
  13. ‘dragleave’ of parent element fires when dragging over children elements
  14. Can’t update data-attribute value
  15. Latest jQuery version on Google’s CDN
  16. JQGrid: How can I refresh a dropdown after edit?
  17. jQuery Ajax request every 30 seconds
  18. Rails not decoding JSON from jQuery correctly (array becoming a hash with integer keys)
  19. Why doesn’t jquery fadeIn() work with .html()?
  20. Concatenate in jQuery Selector
  21. jquery – Check for file extension before uploading
  22. How add spaces between Slick carousel item
  23. Simple jQuery Ajax call leaks memory in Internet Explorer
  24. JQuery change not firing until blur
  25. jQuery dataTable doesn’t show sort icon
  26. JQuery .load() callback function
  27. Backbone.js Event Binding
  28. Sending array data with jquery and flask
  29. How to make synchronous JSONP crossdomain call
  30. jquery get only all html elements with ids

Leave a Comment