Как я могу импортировать класс из внешнего скрипта, используя 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

Если ваш код выполняется в браузере ...

Когда внешний источник загружен в браузер, любые глобально доступные объекты / функции / определения будут установлены на объекте window, и вы можетепросто получить к ним доступ через window["MyClass"].Или в вашем конкретном случае:

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

Answer 2

Если это глобальная переменная, используйте declare в вашем src/app/components/carrito.component.ts

carrito.component.ts

declare var Mercadopago: any