当前位置: 首页 > Web前端 > CSS

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

时间:2023-03-30 17:46:51 CSS

Angular2入门系列(一)————如何在Angular2中使用jQuery和基于jQuery的插件月中,谷歌终于正式发布了Angular2。虽然npm社区越来越完善,提供了大量的插件,但是基于Angular2的插件并不多。有时在开发过程中很难满足我们的需求。但是,市面上有很多基于jQuery的插件。有时候我们还是需要用到这些插件的。本文简要介绍如何在Angular2中使用jQuery及其插件。搭建环境(这里就不介绍了,详见我的另一篇博文)在我们项目的index.html中引用jQuery,和其他js文件一样。如下图:在需要使用插件的component.ts中声明jQuery,使其成为一个可用的变量,如下图:这样我们就可以在这个component.ts中使用jQuery了。根据插件的使用规则,在对应的component.html中使用插件需要的html结构。如下图完成以上步骤后,我们就可以在component.ts中使用插件了,但是要注意插件的声明周期,需要声明插件的初始项参数在OnInit模块中。这样,我们就完成了jQuery及其插件的使用。当然,我们不推荐在mvvm框架中使用jQuery。欢迎大家留言0.0