如何在Angular4中引入jquery

前端之家收集整理的这篇文章主要介绍了如何在Angular4中引入jquery前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1、anjq是我的项目名称

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

npm install --save jquery

npm install @types/jquery --save

如图:

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

"@types/jquery" : "^3.2.12" , @H_502_40@ @H_502_40@
"jquery" : "^3.2.1" , @H_502_40@ @H_502_40@


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

import * as $ from 'jquery' ; @H_502_40@ @H_502_40@

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

@H_502_40@

猜你在找的Angularjs相关文章