如何在Angular4中引入jquery

1、anjq是我的项目名称:

在anjq目录下打开dos命令窗口,然后依次执行如下命令:

npm install --save jquery

npm install @types/jquery --save

如图:

如何在Angular4中引入jquery

2、执行完命令之后,会发现配置文件package.json中会多出配置信息:

"@types/jquery":"^3.2.12",
"jquery":"^3.2.1",
如何在Angular4中引入jquery


3、在组件中引入jquery即可使用:

import * as $ from 'jquery';


$("#btnTest").on('click',function(){
alert('hi,jquery!');
});

如何在Angular4中引入jquery

如何在Angular4中引入jquery