Heatmapjs "h337" 在 h337.create(config) 时未知；使用 AngularJS 应用程序执行；未知提供商：h337Provider - 在 angular js 中

Question

当我使用 var heatmapInstance = h337.create(config); 时，我在 heatmap.js 中遇到以下错误。

Error: [$injector:unpr] Unknown provider: h337Provider

热图组件代码，

export class HeatMapComponent extends BaseComponent {
        constructor() {
            super("heatMapComponent");

            this.templateUrl = "app/app-components/app-heat-map/HeatMap.View.html";
            this.controller = heatMapController;
            this.properties = {
                heatMapData: com.dashboard.core.ScopeType.equalScope
            }
            this.replace = true;
        }

        public init(scope: any, element: any, attr?: any, ctrl?: any): void {

            var config = {
                container: document.getElementById("container"),
                radius: 10,
                maxOpacity: .5,
                minOpacity: 0,
                blur: .75
            };

            var heatmapInstance = h337.create(config);
            heatmapInstance.setData(scope.vm.heatMapData);
        }
    }

模板：

<div id="container">
    <canvas id="heatMap"></canvas>
</div>

我猜这是因为 $injector 无法解析所需的依赖项。那么应该注入哪些依赖项呢？

我使用了 typescript 并将其编译为 angular js。

Answer 1

在全局范围内声明一个变量 (declare var h337: any;)。这样做是为了让 typescript 编译器，运行的时候会有一个参考。

Heatmapjs "h337" 在 h337.create(config) 时未知；使用 AngularJS 应用程序执行；未知提供商：h337Provider - 在 angular js 中

Heatmapjs "h337" is unknown when h337.create(config); gets exexuted with AngularJS app; Unknown provider: h337Provider - in angular js

heatmap

angularjs

typescript