如何在Angular 2中包含JQuery插件? [英] How to include JQuery plugins in Angular 2?
本文介绍了如何在Angular 2中包含JQuery插件?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在angular 2项目链接 >
i installed jquery plugin in angular 2 project Link
npm i jquery-bootstrap-scrolling-tabs
并添加.angular-cli.json
"styles": [
"styles.css",
"../node_modules/jquery-bootstrap-scrolling-tabs/dist/jquery.scrolling-tabs.css"
],
"scripts": [
"../node_modules/jquery/dist/jquery.js",
"../node_modules/jquery-bootstrap-scrolling-tabs/dist/jquery.scrolling-tabs.js"
],
我声明了名副其实的typings.d.ts
declare var scrollingTabs:any;
在app.component.ts中使用
using in app.component.ts
ngAfterViewInit() {
$('.nav-tabs').scrollingTabs({
scrollToTabEdge: true
});
}
错误:TypeError: __WEBPACK_IMPORTED_MODULE_1_jquery___default(...)(...).scrollingTabs is not a function
推荐答案
您忘记添加jquery变量
you forgot to add the jquery variable
declare var $ : any
有关如何添加jquery的更多信息,请使用 LINK 有输入和无输入
For more info on how to add jquery use this LINK with and without typings
这篇关于如何在Angular 2中包含JQuery插件?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文