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

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

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

1. 搭建环境（这里不作介绍了，详细的可看个人另外一篇博文）

2. 在咱们项目的index.html中引用jQuery，就像引用其余js文件同样。以下图所示：

1. 在须要使用插件的component.ts中声明jQuery，使之成为一个可用的变量，以下图所示：

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

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

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

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

欢迎你们留言0.0