Question

我正在尝试使用floatThead库，它为jQuery添加了一个函数。我导入jQuery并成功选择我想要执行该功能的元素。但是，找不到floatThead()函数。我尝试将floatThead库添加到我的angular-cli.json中，并在我的模板上通过<script>添加它，但无济于事。有没有办法用import来实现这个目标？问题是我不知道如何使用该功能（见下文）

import * as $ from 'jquery'; import * as f from 'floatthead'; ...

ngAfterViewInit() { console.log($('#gridTable')); $('gridTable').floatThead(); }

Answer 1

要使用es6模块语法导入，您可以

import * as $ from 'jquery';
import 'floatthead';

注意：通过使用此语法，您无需在angular-cli.json中包含脚本。 Webpack将根据需要导入和捆绑这些内容。

或者，如果你正在加载jquery＆amp;您可以使用全局$变量在angular-cli.json脚本中使用floatthead。

declare const $; // tells typescript that $ is available globally

export class Component {
    ngAfterViewInit() {
        console.log($('#gridTable'));
        $('gridTable').floatThead();
    }
}

Answer 2

您需要在 .angular-cli.json

中添加对jQuery脚本数组的引用

类似的东西：

"scripts": [
   "../node_modules/jquery/dist/jquery.min.js"
]

我不知道如何引用一个向Angular2 +中的jQuery（floatThead）添加函数的库

2 个答案: