2

Angular2入门系列(一)————如何在Angular2中使用jQuery和基于jQuery的插件

在2016年的9月中旬,Google官方终于正式发布Angular2。尽管npm社区越来越完善,也提供了大量的插件,但是基于Angular2的插件并不多,有时候在开发过程中难以满足我们的需求,而市场上却有许多基于jQuery的插件,我们有时候仍然需要使用这些插件。本篇文章就简单介绍下在Angular2中如何使用jQuery极其插件。

  1. 搭建环境(这里不做介绍了,详细的可看我的另一篇博文)

  2. 在我们项目的index.html中引用jQuery,就像引用其他js文件一样。如下图所示:

clipboard.png

  1. 在需要使用插件的component.ts中声明jQuery,使之成为一个可用的变量,如下图所示:

clipboard.png
这样我们就能在这个component.ts中使用jQuery了。

  1. 按照插件的使用规则,在对应的component.html中使用插件所需要的html结构。如下图使用的

clipboard.png

  1. 完成上面步骤之后,我们就能在component.ts中使用插件了,不过要注意插件的声明周期,需要在OnInit模块声明该插件的初始项参数等。

clipboard.png

如此,我们就完成了对jQuery极其插件的使用,当然,我们并不建议在mvvm框架里面使用jQuery。

欢迎大家留言0.0


白狼巡抚
24 声望24 粉丝

一个业余作家的程序猿。。。