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",
第四步:在需要使用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 安装引入