javascript – 在Angular 2中使用jQuery

我正在关注的教程,使用了jQuery里面的typings文件夹

///< reference path =“../ typings / tsd.d.ts”/>

在app.component内部,但没有工作.

尝试通过CDN导入侧面index.html中的库,然后使用
声明var $:any;还是行不通

通过NPM安装jQuery,并将其安装到system.config.ts中的路径,如下所示

paths: {
  // paths serve as alias
  'npm:': 'node_modules/',
  'jquery:': 'node_modules/jquery/dist/jquery.slim.min.js'
},

仍然没有头绪

更新:

现在我通过angular-cli安装角度.我没有404错误,但应用程序仍无法正常工作.它应该在控制台中输出密钥

https://plnkr.co/edit/8HW67qLUF3t8zmTigXH6?p=preview
最佳答案
您提到您刚刚使用了教程,因此,未附加到SystemJS配置本身.

如果您使用Angular CLI(我的个人推荐),您可以按如下方式进行:

安装jQuery,实际的库

npm install jquery --save

安装jQuery TypeScript自动完成

npm install @types/jquery --save-dev

然后转到Angular CLI项目文件夹根目录下的./angular-cli.json文件,找到脚本:[]属性,在其中添加:

"../node_modules/jquery/dist/jquery.min.js"

(或者使用纤薄的版本,如果那是你的一杯茶,保持其余的路径原样)

之后,jQuery将作为全局变量提供给您.您可以记录jQuery.fn.jquery(它带来jQuery的版本)以确保它的工作非常出色.

附:

如果您想直接使用Webpack或gulp,我们需要查看配置文件的示例,或者您用于创建项目的项目种子(适用于Webpack和Gulp项目).

转载注明原文:javascript – 在Angular 2中使用jQuery - 代码日志