How to use jQuery UI with Angular 2

by

I managed to make it work by doing the following steps:

  1. npm uninstall jquery jquery-ui
  2. npm cache clean
  3. npm install jquery jquery-ui

  4. In angular-cli.json I added my jquery and jquery-ui paths in the scripts object. Here is what they look:

    "scripts": [
    "../node_modules/jquery/dist/jquery.min.js",
    "../node_modules/jquery-ui/jquery-ui.js"
    ]

After I completed these steps, it worked like a charm. Hope that helps someone who had problems with it.

More Related Contents:

  1. How to add class to div based on radio button selected in it?
  2. How can I custom-format the Autocomplete plug-in results?
  3. Long Press in JavaScript?
  4. How to use source: function()… and AJAX in JQuery UI autocomplete
  5. Is it possible to save HTML page as PDF using JavaScript or jquery?
  6. $(document).ready(function() VS $(function(){ [duplicate]
  7. Passing data to a jQuery UI Dialog
  8. Benefits vs. Pitfalls of hosting jQuery locally [closed]
  9. jQuery Deferred and Dialog box
  10. How to make supported on all browsers? Any alternatives?
  11. Is there a full working example for a jqGrid ColumnChooser? [closed]
  12. Vertical Tabs with JQuery?
  13. jQuery UI autocomplete with item and id
  14. Change CSS properties on click
  15. How to get the date from jQuery UI datepicker
  16. Check if date is in the past Javascript
  17. How to handle query parameters in angular 2
  18. Custom “confirm” dialog in JavaScript?
  19. jQuery Datepicker: Prevent closing picker when clicking a date
  20. Converting an image to base64 in angular 2
  21. JQuery – animate moving DOM element to new parent?
  22. Autocomplete requires you to click twice in iOS after update to 1.11.0
  23. How to get value from jQuery UI slider?
  24. How to change tabs programmatically in jquery-ui 1.9?
  25. script order for jquery with bootstrap
  26. Highcharts – Keep tooltip showing on click
  27. Programmatically drag and drop element onto another element
  28. changing text periodically in a span from an array with jquery
  29. jQuery UI DatePicker to show year only
  30. Returning value from confirmation dialog using JQuery UI dialog

Leave a Comment