angular如何安装jquery

angular如何安装jquery

准备

npm（相信 Angular 项目中，本机肯定有 npm）

良好的网络（之所以把网络写到这里，是因为由于npm仓库在国外的原因，有时候因为网络问题会导致安装失败，这时可以将仓库换为淘宝的仓库，具体方法可把npm直接换成cnpm即可）

 

安装 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 进行修复即可。

 

番外篇：

如果是angular6或者使用了别人的框架jq是集成在了项目中。这个时候我们只需要引入拿来用即可

Angular如何引用jq

1、angular.json文件中直接引用

"scripts": [

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

]

2、在html文件中声明$ ,避免使用的时候报错

declare var $: any;

在页面中就可以直接使用了