如何在 Angular 4 中导入 jquery-ui

Question

我想在我的 angular 应用程序中使用 jquery-ui 的切换功能。我已经用 npm 安装了 jquery-ui：

npm install jquery jquery-ui

正如这个答案中所建议的，我添加了 angular-cli.json 文件的路径。但我收到此错误：

Error: ENOENT: no such file or directory, open 'C:\Users\Frank95\Angular projects\Portfolio-Slider\node_modules\jquery-ui\jquery-ui.js'

我在 jquery-ui 文件夹中搜索，没有 jquery-ui.js 文件。我应该在路径中放什么？

Answer 1

install jquery - npm install jquery
install jquery ui - npm install jquery-ui-dist --save 

将此文件angular.json放入脚本中

"./node_modules/jquery/dist/jquery.min.js",
"./node_modules/jquery-ui-dist/jquery-ui.js"

并将这个文件放在 angular.json 中的样式

"./node_modules/jquery-ui-dist/jquery-ui.css"

像let $: any;在 ts 文件中声明一样导入，jquery并jquery ui在ngOnInit事件完成时编写代码

Answer 2

如果您的项目中包含 jQuery 文件，则只需在组件文件中添加一行var $ as any; 然后你可以通过 ViewChild 在 DOM 元素上使用隐藏、显示、切换等 jquery 函数。