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

时间:2017-10-12 15:38:11

标签: jquery html angular plugins

我正在使用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"]

但遗憾的是,我无法正确看到多项选择。我不明白如何使用这个插件。

任何人都可以帮助我,也许可以尝试角色应用程序吗?

1 个答案:

答案 0 :(得分:0)

像这样使用:

<强> .angular-cli.json 在angular-cli.json

中的脚本数组中添加你的jquery javascript
"scripts": [
  "../node_modules/jquery/dist/jquery.js"
],

<强> app.component.ts

import * as $ from 'jquery';