如何将 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"
});
但它抛出错误,例如 OpenSeadragon
是 undefined
。
任何解决方案将不胜感激,
谢谢
尝试在组件顶部紧靠导入下方声明变量,而不是在 class 导出语句中。
import { Component } from '@angular/core';
declare var OpenSeadragon: any;
@Component({
...
})
您需要 angular 次键入才能为 OpenSeadragon 正确执行此操作。您也不应该在 typescript 中使用 vars,因为它会破坏上下文并导致范围和提升问题。
我正在尝试在 index.html
中导入 openseadragon.min.js
文件并使用它的功能,如下所示,
var viewer = OpenSeadragon({
id: "seadragon-viewer"
});
但它抛出错误,例如 OpenSeadragon
是 undefined
。
任何解决方案将不胜感激, 谢谢
尝试在组件顶部紧靠导入下方声明变量,而不是在 class 导出语句中。
import { Component } from '@angular/core';
declare var OpenSeadragon: any;
@Component({
...
})
您需要 angular 次键入才能为 OpenSeadragon 正确执行此操作。您也不应该在 typescript 中使用 vars,因为它会破坏上下文并导致范围和提升问题。