Angular4+ 中引入 jQuery 的支持(包)

本文介绍了如何在 Angular4+ 项目中引入 jQuery 的包,也就是在 Angular4+ 的项目中使用 jQuery。

准备

  • npm(相信 Angular 项目中,本机肯定有 npm)
  • 良好的网络(之所以把网络写到这里,是因为由于npm仓库在国外的原因,有时候因为网络问题会导致安装失败,这时可以将仓库换为淘宝的仓库,具体方法可百度)

安装 jQuery

使用以下命令进行安装:

# 进入到项目目录

# 安装 jQuery 依赖
npm install --save jquery 

# 安装 jQuery ts 依赖
npm install --save @types/jquery

使用

直接在使用的 ts 文件中,引入即可。如:

import * as $ from 'jquery';
...

$('#btnId').on('click', function() {
  alert('jQuery!')
})

Tips

  • 在安装的时候,有时候会提示依赖有冲突。
    使用命令 npm audit fix 进行修复即可。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容