集成步骤:
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
时间: 2024-10-22 03:00:03