将 Jquery 插件添加到 Angular 2 项目

【问题标题】：Adding a Jquery Plugin to an Angular 2 project将 Jquery 插件添加到 Angular 2 项目
【发布时间】：2018-02-13 13:35:49
【问题描述】：

我正在尝试将此 Jquery plugin 添加到我的 Angular2 项目中。

我已将文件添加到 "src/assets" 以及 index.html 我已添加 <script src="assets/jquery.twentywenty.js"></script> 和 declare var twentytwenty: any;

我来了

jquery.twentytwenty.js:152 Uncaught ReferenceError: jQuery is not 定义在 jquery.twentytwenty.js:152

还有

TypeError: 无法读取未定义的属性 'twentytwenty'

我在这里错过了什么？

【问题讨论】：

【解决方案1】：

我通常采用以下步骤在我的项目中使用jquery 插件；也许有帮助。

1 - 在angular-cli.json（scripts 部分）中添加jquery 和plugin 文件路径。

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

2 - 在组件中声明 jquery 变量。

declare let $: any;

3 - 使用插件语法。

(<any>$('#theId')).plugin();

【讨论】：