Angular 2：将外部js文件导入组件

大佬教程收集整理的这篇文章主要介绍了Angular 2：将外部js文件导入组件，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决Angular 2：将外部js文件导入组件？

理想情况下，您需要具有.d.ts用于键入的文件才能linTing正常工作。

但是似乎d3gauge没有，您可以要求开发人员提供并希望他们会听。

或者，您可以通过执行以下操作解决此特定问题

declare var drawGauge: any;

import '../../../../Js/d3gauge.Js';
export class MemmonComponent {
    createMemGauge() {
        new drawGauge(this.opt);  //drawGauge() is a function insIDe d3gauge.Js
    }
}

如果您在多个文件中使用它，则可以d3gauage.d.ts使用以下内容创建文件

declare var drawGauge: any;

并boot.ts在顶部的（bootstrap）文件中引用它，就像这样

///<reference path="../path/to/d3gauage.d.ts"/>

解决方法

import '../../../../js/d3gauge.js';
export class MemMonComponent {
    createMemGauge() {
        new drawGauge(this.opt);  //drawGauge() is a function inside d3gauge.js
    }
}

<script src="../../../../js/d3gauge.js"></script>