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

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

在2016年的9月中旬,Google官方终究正式宣布Angular2。只管npm社区愈来愈完美,也供应了大批的插件,然则基于Angular2的插件并不多,有时候在开辟过程当中难以满足我们的需求,而市场上却有很多基于jQuery的插件,我们有时候依然须要运用这些插件。本篇文章就简朴引见下在Angular2中怎样运用jQuery极为插件。

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

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

《Angular2入门系列(一)————如安在Angular2中运用jQuery和基于jQuery的插件》

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

《Angular2入门系列(一)————如安在Angular2中运用jQuery和基于jQuery的插件》
如许我们就可以在这个component.ts中运用jQuery了。

  1. 根据插件的运用划定规矩,在对应的component.html中运用插件所须要的html构造。如下图运用的

《Angular2入门系列(一)————如安在Angular2中运用jQuery和基于jQuery的插件》

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

《Angular2入门系列(一)————如安在Angular2中运用jQuery和基于jQuery的插件》

云云,我们就完成了对jQuery极为插件的运用,固然,我们并不发起在mvvm框架内里运用jQuery。

迎接人人留言0.0

    原文作者:白狼巡抚
    原文地址: https://segmentfault.com/a/1190000009252723
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞