资讯专栏INFORMATION COLUMN

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

z2xy / 586人阅读

摘要:入门系列一如何在中使用和基于的插件在年的月中旬,官方终于正式发布。本篇文章就简单介绍下在中如何使用极其插件。按照插件的使用规则,在对应的中使用插件所需要的结构。

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

在2016年的9月中旬,Google官方终于正式发布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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/82779.html

相关文章

  • Angular2入门系列)————如何Angular2使用jQuery基于jQuery的插

    摘要:入门系列一如何在中使用和基于的插件在年的月中旬,官方终于正式发布。本篇文章就简单介绍下在中如何使用极其插件。按照插件的使用规则,在对应的中使用插件所需要的结构。 Angular2入门系列(一)————如何在Angular2中使用jQuery和基于jQuery的插件 在2016年的9月中旬,Google官方终于正式发布Angular2。尽管npm社区越来越完善,也提供了大量的插件,但是基...

    Karrdy 评论0 收藏0
  • Angular2入门系列)————如何Angular2使用jQuery基于jQuery的插

    摘要:入门系列一如何在中使用和基于的插件在年的月中旬,官方终于正式发布。本篇文章就简单介绍下在中如何使用极其插件。按照插件的使用规则,在对应的中使用插件所需要的结构。 Angular2入门系列(一)————如何在Angular2中使用jQuery和基于jQuery的插件 在2016年的9月中旬,Google官方终于正式发布Angular2。尽管npm社区越来越完善,也提供了大量的插件,但是基...

    mengera88 评论0 收藏0
  • 2017年2月份前端资源分享

    平日学习接触过的网站积累,以每月的形式发布。2017年以前看这个网址:http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码 十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用 扩展JavaScript语法记录 - 掉坑初期工具 汉字拼音转换...

    lily_wang 评论0 收藏0
  • 2017年2月份前端资源分享

    平日学习接触过的网站积累,以每月的形式发布。2017年以前看这个网址:http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码 十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用 扩展JavaScript语法记录 - 掉坑初期工具 汉字拼音转换...

    chengjianhua 评论0 收藏0

发表评论

0条评论

z2xy

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<