如何导入 JQuery UI 到 angular 8 项目

Question

我正在开发 angular 应用程序，我想在其中实现可拖动。过去对此有疑问，但对我没有任何帮助。我尝试了什么：

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: unused expression, expected an assignment or function call(no-unused-expression)

在 ngOnInit 中放置此行时：

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

Answer 1

你应该像这样使用它（调用一个函数）：

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

P.S：不要将 jQuery 与 Angular 一起使用 :) 考虑使用来自 Angular CDK 的拖放（由 Angular 团队开发）： https://material.angular.io/cdk/drag-drop/overview

How to import JQuery UI to angular 8 Project