如何在Angular 4中使用這個jQuery插件？

我正在開發一個使用Angular 4（使用TypeScript語言）的Web應用程序。如何在Angular 4中使用這個jQuery插件？

我有一個問題，我希望很容易解決它。

我想在我的應用程序中使用這個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"]

但不幸的是，我不能正確地看到了多重選擇。我不明白如何使用這個插件。

任何人都可以幫助我，也許嘗試在角度應用程序？

來源

2017-10-12 claudioz

如果它在jQuery中，並且你想在你的角度組件中使用它，你可以通過inje在你的組件中使用jquery並使用'$'來調用它們。我有很多想法 –

使用這樣的：

.angular-cli.json 添加您的jQuery JavaScript的腳本陣列中的角cli.json

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

app.component.ts

import * as $ from 'jquery';

來源

2017-10-12 16:07:05 Chandru

如何在Angular 4中使用這個jQuery插件？

回答

相關問題