Angular4.x 引入第三方 JS

引入 Jquery

使用 angular-cli 新建 angular項目

1、安裝 jquery

npm install jquery --save

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

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

3、安裝 jquery的 typescript 類型聲明文件

npm install @types/jquery --save

4、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