Angular 2+ Импорт немодуля в TS

Question

Я сделал библиотеку, и она должна поддерживать несколько приложений. Однако один из сайтов не является angular и не будет поддерживать «модули», поэтому я не могу использовать «экспорт» в своей функции.

Моя внешняя библиотека:

var foo = (function() {

    function MyFunction(){
    }

    MyFunciton.prototype.bar(){
    }

    return MyFunction;

}());

Мой вопрос: как мне импортировать это в мои component.ts без экспорта?

Answer 1

Включите ваш скрипт в файл angular.json в разделе scripts.

  "architect": {
    "build": {
      "builder": "@angular-devkit/build-angular:browser",
      "options": {
       //...
        "scripts": [
          "src/assets/foo.js.js"
        ]
      },

В вашей службе компонентов объявите вашу переменную. Затем вы можете использовать его без жалоб на машинопись.

//declare this on top of your component/service
declare let foo: any;

myMethod()
{
 var inst = new foo();
 inst.bar();//call bar
}