如何在 Angular 2 中包含 JQuery 插件? [英] How to include JQuery plugins in Angular 2?

问题描述

我在 angular 2 项目中安装了 jquery 插件链接

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  
    });
  } 

error: TypeError: __WEBPACK_IMPORTED_MODULE_1_jquery___default(...)(...).scrollingTabs 不是函数

推荐答案

你忘记添加jquery变量了

you forgot to add the jquery variable

声明 var $ : any

有关如何添加 jquery 的更多信息，请使用此 LINK 有和没有打字

For more info on how to add jquery use this LINK with and without typings

这篇关于如何在 Angular 2 中包含 JQuery 插件?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！