如何将foxTooltip与Angular一起使用？

我想用angular导入库foxToolTip

我试着从'fox.tooltip.js'导入*foxToolTip

但是

[ts]

没有找到模块

fox.tooltip.js

---

我安装了版本：

fox.tooltip.js:1.0.13，

对于Angular 5，在

内部.Angular cli.json

的

脚本

数组中，添加到fox.tooltip.js的路径

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

对于Angular 6，在

Angular.json

的

脚本

数组中，添加不带

的fox.tooltip.js路径。/

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

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

declare var foxToolTip: any;

你不需要做什么

import * as foxToolTip from 'fox.tooltip.js'

当您执行命令时，编译器将抛出一个错误，指出：

找不到模块“fox.tooltip.js”

只需将脚本添加到.angular cli中的脚本数组中，即可将其添加到全局作用域中，并且您可以从组件访问它

---

另外，请确保您在

ngAfterViewInit

lifecycle hook方法中调用它的任何函数，因为它试图通过id访问DOM元素。

这是一个非常过时的库，package.json文件中的“main”条目无效。我不建议你用它。有很多好的替代品。