如何将 javascript 文件导入 angular4 项目并在组件内部使用它的功能?

How to import javascript file into angular4 project and use it's function inside component?

我正在尝试在 index.html 中导入 openseadragon.min.js 文件并使用它的功能,如下所示,

var viewer = OpenSeadragon({
  id: "seadragon-viewer"
});

但它抛出错误,例如 OpenSeadragonundefined

任何解决方案将不胜感激, 谢谢

尝试在组件顶部紧靠导入下方声明变量,而不是在 class 导出语句中。

import { Component } from '@angular/core';

declare var OpenSeadragon: any;

@Component({
...
})

您需要 angular 次键入才能为 OpenSeadragon 正确执行此操作。您也不应该在 typescript 中使用 vars,因为它会破坏上下文并导致范围和提升问题。

打字请看https://github.com/alvaromartmart/types-openseadragon