Как импортировать JQuery UI в angular 8 Project

Question

Я работаю над angular приложением, в котором я хочу реализовать Draggable. В прошлом были вопросы об этом, но у меня ничего не работает. То, что я пробовал:

npm install jquery jquery-ui

и добавление следующих строк в angular. json

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

, а затем импортирование его в мой компонент, например

declare let $: any; 

или

import $ from 'jquery';

или

import $ from 'jquery';
import 'jqueryui';

, но я все еще получаю сообщение об ошибке:

TSLint: неиспользуемое выражение, ожидание вызова или вызова функции (no-unused-expression)

при размещении этой строки в ngOnInit:

$('#draggable' as any).draggable;

Answer 1

Вы должны использовать его следующим образом (вызвать функцию):

$( "#draggable" ).draggable();

PS: не использовать jQuery с Angular :) Подумайте об использовании перетаскивания из Angular CDK (разработано Angular team): https://material.angular.io/cdk/drag-drop/overview