分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

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

发布时间:2023-09-06 01:22责任编辑:傅花花关键词:jQueryAngular

      集成步骤:

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

npm install jquery --savenpm 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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved