Angular2以上項目中使用jquery插件

Angular2以上項目中使用jquery插件

來自專欄 Angular的那些坑

首先執行 npm install jquery --save安裝jquery

1、如果項目基於CLI,那很方便,直接編輯.angular-cli.json

"scripts": [ "../../node_modules/jquery/dist/jquery.min.js", "./assets/libs/jquery.插件.js", 。。。]

2、如果未採用CLI,則新建個js文件:如jquery-vendor.js,內容如下:

import $ from jquery;window.$ = $;window.jQuery = $;export default $;

XXXX.component.ts中使用jquery插件

import $ from ../../assets/libs/jquery-vendor.js;import ../../assets/libs/jquery.插件.min.js;。。。。

推薦閱讀:

拋開 React 學習 React 第一部分
jQuery-$
jQuery學習 第四期
jquery 學習 第五期
好書一起讀(133):致敬jQuery

TAG:Angular | jQuery | 前端開發 |