如何在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';