title: How to use jQuery UI with Angular 2
body: <p>Because I want to incorporate Drag and Drop functionality in my app, I decided to import jQuery UI to my Angular 2 project. </p>
  
  <p>First I started by importing jQuery itself by doing the following:</p>
  
  <pre><code>import { ElementRef } from '@angular/core';
  declare var jQuery:any;
  
  ngOnInit() {
      jQuery(this._elRef.nativeElement).find('ul.tabs').tabs();
  }
  </code></pre>
  
  <p>This works perfectly for initializing stuff. But when I try do to the <code>.draggable()</code> function I get the following error:</p>
  
  <p><code>jQuery(...).draggable is not a function</code></p>
  
  <p>How can I make this work? I read a lot of approaches but all of them used system-js which in the current version on Angular-cli I do not use. I know that using jQuery in Angular 2 app is not really the best approach, but I just need a grid in which users can Drop draggable widgets. </p>
  
  <p>If you have any suggestions, that will be perfect! Thanks!</p>