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