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

Question

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

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

但它像OpenSeadragonis一样抛出错误undefined。

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

Answer 1

尝试在您的导入下方的组件顶部声明变量，而不是在您的类导出语句中。

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

declare var OpenSeadragon: any;

@Component({
...
})

Answer 2

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

请参阅https://github.com/alvaromartmart/types-openseadragon进行打字