肉饼博客

Talk is cheap. Show me the code.

0%

【Angular】在Angular 5中引入jQuery插件

1.安装jQuery

npm install --save jquery

2.安装jQuery定义文件

npm install @types/jquery --save

3.安装jQuery插件(以daterangepicker为例)

npm install bootstrap-daterangepicker --save

4.在ng目录下.angular-cli.json的”styles”中引入daterangepicker.css

"styles": [daterangepicker.css]

5.在对应的组件中导入jQuery和daterangepicker

1
2
import * as $ from 'jquery';
import 'bootstrap-daterangepicker';

6.在typings.d.ts中为插件添加定义

1
2
3
interface JQuery {
daterangepicker(options?: any, callback?: Function) : any;
}

参考链接:

Typescript — Integrate jQuery Plugin in your Project