我如何使用带角度的foxTooltip？

Question

我想用angular导入库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的scripts数组中，添加fox.tooltip.js的路径

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

对于Angular 6，在angular.json的scripts数组中，添加fox.tooltip.js的路径，而不使用../

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

然后，在Component中，只需声明一个名为foxToolTip的变量：

declare var foxToolTip: any;

你不需要这样做

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

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

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

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

另外，确保在ngAfterViewInit生命周期钩子方法中调用它上面的任何函数，因为它试图通过id访问DOM元素。