如何使用Angular2从外部脚本导入类？

Question

我需要使用CDN中的库（我无法保存文件并在src中使用它）。

<script src="https://secure.mlstatic.com/sdk/javascript/v1/mercadopago.js"></script>

我可以在index.html中添加这一行，但是我需要在我的一个组件中使用该库中的类。

Mercadopago.setPublishableKey(myKey);

这样做会给我错误：

ERROR in src/app/components/carrito.component.ts(274,5): error TS2304: Cannot find name 'Mercadopago'.

我知道我没有在组件中声明或导入Mercadopago。我该怎么办？

Answer 1

如果是全局变量，请在您的declare中使用src/app/components/carrito.component.ts

carrito.component.ts

declare var Mercadopago: any

Answer 2

假设您的代码正在浏览器中运行...

在浏览器中加载外部源时，将在window对象上设置任何可全局访问的对象/函数/定义，您可以简单地通过window["MyClass"]访问它们。或在您的特定情况下：

window["Mercadopago"].setPublishableKey(myKey);