首页 > Web开发 > 详细

Angular TypeScript开发环境集成jQuery扩展插件

时间:2017-11-02 18:53:44      阅读:487      评论:0      收藏:0      [点我收藏+]

      集成步骤:

     1、安装jquery极其ts定义文件

npm install jquery --save
npm install --save-dev @types/jquery

     2、页面加载jquery:

"apps": [{
  ...
  "scripts": [
    "../node_modules/jquery/dist/jquery.min.js",
  ],
  ...
}]

   3、调用扩展方法:

$("selector").pluginMethod();   

   4、运行ng serve:

ng serve -o

     这个里面有个问题,就是我们不是直接去尝试调用jquery plugin,jquery接口的ts定义扩展是通过plugin的d.ts文件去扩展的,我们调用jquery本身,在编译时,编译器自动去寻找相关的plugin定义并扩展原始jquery的接口。搞清楚这一点,很多基于jQuery选择器函数的JS库集成就方便多了。

参考资料:https://stackoverflow.com/questions/43934727/how-to-use-jquery-plugin-with-angular-4

Angular TypeScript开发环境集成jQuery扩展插件

原文:http://www.cnblogs.com/dhcn/p/7773699.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!