javascript - 如何将 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