首页 > 解决方案 > 以角度使用javascript文件?

问题描述

我想在我的项目中使用这个JQUERY TABLEHEADFIXER,我试过了:

索引.html

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="assets/js/tableHeadFixer.js"></script>

组件.ts

 declare var $: any;
 declare var tableHeadFixer: any;

然后我打电话:

$('#dongbocmis_table').tableHeadFixer();

但我得到了这个错误

$(...).tableHeadFixer 不是函数

那么我该如何解决呢?

标签: javascriptjqueryangulartypescript

解决方案


在 Angular (> v6) 中正确的方法是导入所有文件以将其包含在and数组.angular-cli.json下的文件中;像这样:stylesscripts

        "styles": [
           ...
        ],
        "scripts": [
          "assets/js/tableHeadFixer.js"
        ],

因此,从 Index.html 文件中删除所有 CDN 和文件并像这样导入。

其次,您还需要声明 jQuery

declare var $: any;

让我知道是否仍然出现任何错误。


推荐阅读