how to use jquery-ui in angular 6

Question

I have tried number of methods posted on StackOverflow to use jquery-ui in angular 6 component but none of them worked. For example,

<

Answer 1

If you write

import * as $ from 'jquery';

then only the code for jquery (and not extra plugins, like jquery-ui) will be imported by typescript compiler into the $ variable.

If you use

 declare let $: any;

Then you are just notifying typescript that this variable exist. In that case, $ will contain whatever what assigned to it in the scripts you imported in angular.json, which is jquery AND jquery-ui plugins