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

Question

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

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

但它引发的错误如OpenSeadragon为undefined。

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

Answer 1

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

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

declare var OpenSeadragon: any;

@Component({
...
})

Answer 2

对于OpenSeadragon，您需要进行角度输入才能正确执行此操作。您也不应在打字稿中使用vars，因为它会破坏上下文并导致范围和提升问题。

请参见https://github.com/alvaromartmart/types-openseadragon进行键入