Angular6开发:引入jquery

Angular6开发:引入jquery

方法一:npm安装

第一步:进入项目目录,下载jquery

 npm install--save jquery

在angular-cli.json 中引入 jquery.min.js

“scripts”: [“../node_modules/jquery/dist/jquery.min.js”]

第二步:进入项目目录,下载@types/jquery

npm install @types/jquery --save

第三步:前两步成功的话,会在package.json文件中多处这两行

"@types/jquery":"^3.2.12",
"jquery":"^3.2.1",

Angular6开发:引入jquery

第四步:在需要使用jquery的地方引用就好了

Angular6开发:引入jquery

方法二:js文件导入

1.下载 jquery.min.js 放到 assets/jquery下

2.引入jquery: “scripts”: [“assets/jquery/jquery.min.js”]

3.在 typings.d.ts 下新增两句

declare var $: any;

declare var jQuery: any;

4.这样你就可以直接使用 $ 了,当然你也可以通过这样的方式引入 bootstrap 而不是使用 npm 安装引入