Angular4.x 引入第三方 JS

引入 Jquery

使用 angular-cli 新建 angular项目

1、安装 jquery

npm install –save jquery

2、.angular-cli.json 中引入 jquery.min.js

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

3、安装 jquery的 typescript 类型声明文件

npm install –save @types/jquery

4、tsconfig.app.json 引入 jquery 的类型声明文件

“types”: [ “../node_modules/@types/jquery/index.d.ts”] 你也可以直接这么做：”types”:[“jquery”]

5、angluar 组件中使用 jquery 给 button 添加事件

ngOnInit(): void { $(() => { $('#btn_test').click(() => { alert('test'); }); }); }

另一种方案，我猜你会更喜欢

１．下载 jquery.min.js 放到 assets/jquery下 ２．引入jquery: “scripts”: [“assets/jquery/jquery.min.js”] ３．在 typings.d.ts 下新增两句

declare var $: any; declare var jQuery: any;

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

其他参考: http://blog.csdn.net/mingyueyixi/article/details/73695321