如何在Angular中使用foxTooltip？

Question

我要导入带角度的库 foxToolTip 。

我尝试了import * as foxToolTip from 'fox.tooltip.js';

但是[ts]找不到模块fox.tooltip.js

我安装了版本：fox.tooltip.js: 1.0.13,

Answer 1

对于Angular 5，在.angular-cli.json的{​​{1}}数组中，将路径添加到fox.tooltip.js

scripts

对于Angular 6，在"scripts": [ "../node_modules/fox.tooltip.js/dist/foxToolTip.min.js" ], 的{​​{1}}数组中，将路径添加到不带angular.json的fox.tooltip.js

scripts

然后，在您的Component内部，只需声明一个名为foxToolTip的变量，如下所示：

../

您不需要需要

"scripts": [
    "node_modules/fox.tooltip.js/dist/foxToolTip.min.js"
],

因为您的编译器将抛出错误，指出：

  

找不到模块'fox.tooltip.js'。

只需将脚本添加到.angular-cli中的scripts数组中，就会将其添加到全局范围中，您将能够从组件中访问它。

此外，请确保在declare var foxToolTip: any; 生命周期挂钩方法内调用该函数的任何函数，因为该方法试图通过id访问DOM元素。

Answer 2

安装后，请添加到.angular-cli.json

 "scripts": [
   "../node_modules/foxTooltip/dist/js/fox.tooltip.js", // path to your library
   ...
 ],

并声明

import * as foxToolTip from 'fox.tooltip.js'
declare var foxToolTip: any;