javascript - 在 Angular 应用程序中使用外部 javaScript 库

Question

我有一个 angular 4 应用程序，我有一个在 javascript 文件中创建的 javascript 组件:timeline.js . javascript 组件运行良好，但我想将它与 angular 4 一起使用。因此，我将我的 js 文件放在文件夹 assets/js/timeline.js 中。 .

在文件中index.html , 我用 <script src="assets/js/timeline.js"></script> 调用我的 js 文件在app.component.ts ，我有:

var timeline = new Timeline("timelineVisualization")

因此，通常情况下，时间线是在具有 id="timelineVisualization" 的 div 中创建的.

但它不起作用，我在 new Timeline 上有一个错误: 找不到名称时间轴。

所以，你知道我该怎么做才能从 timeline.js 调用时间轴构造函数吗？ ？

Answer 1

你只需要做

 import * as Timeline from '../assets/js/timeline.js';

您也可以(在文件顶部):

declare var Timeline: any;

同时检查 below良好做法。