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

标签：span   开发环境   col   ons   module   method   插件   class   问题   

      集成步骤：

     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扩展插件

标签：span   开发环境   col   ons   module   method   插件   class   问题   

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