如何在Angular 4中使用这个jQuery插件？

Question

我正在开发一个使用Angular 4（使用TypeScript语言）的Web应用程序。

我有一个问题，我希望很容易解决它。

我想在我的应用程序中使用这个jQuery插件（https://harvesthq.github.io/chosen/）来查看Multiple Select。

问题是我无法将其导入到我的应用程序中（该插件似乎只适用于html静态页面！）。

我试图在文件中包括angular-cli.json 上.js文件的依赖性，以这样的方式

"scripts": [ 
    "../node_modules/jquery/dist/jquery.js", 
    "../node_modules/chosen-npm/public/chosen.jquery.min.js", 
    "../node_modules/chosen-npm/public/chosen.jquery.js"] 

但不幸的是，我不能正确地看到了多重选择。我不明白如何使用这个插件。

任何人都可以帮助我，也许尝试在角度应用程序？

Answer 1

使用这样的：

.angular-cli.json 添加您的jQuery JavaScript的脚本阵列中的角cli.json

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

app.component.ts

import * as $ from 'jquery';