如何在Angular4中引入jquery

1、anjq是我的项目名称:

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

npm install --save jquery

npm install @types/jquery --save

如图:

如何在Angular4中引入jquery_第1张图片

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

"@types/jquery" : "^3.2.12" ,
"jquery" : "^3.2.1" ,
如何在Angular4中引入jquery_第2张图片


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

import * as $ from 'jquery' ;


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

如何在Angular4中引入jquery_第3张图片

如何在Angular4中引入jquery_第4张图片


你可能感兴趣的:(WEB前端)