Вызов глобальной переменной внутри модуля

У меня есть файл с машинописным именем, Projects.tsкоторый я хочу сослаться на глобальную переменную, объявленную в плагине начальной загрузки bootbox.js.

Я хочу получить доступ к переменной, вызываемой bootboxиз классов TypeScript.

Является ли это возможным?

Вы должны сообщить компилятору, что он объявлен:

declare var bootbox: any;

Если у вас есть лучшая информация о типе, вы можете добавить ее вместо any.

Для тех, кто еще не знал, вы должны поместить declareутверждение вне вашего classтак:

declare var Chart: any;

@Component({
  selector: 'my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.scss']
})

export class MyComponent {
    //you can use Chart now and compiler wont complain
    private color = Chart.color;
}

В TypeScriptобъявлении используется ключевое слово, где вы хотите определить переменную, которая, возможно, не возникла из TypeScriptфайла.

Как вы говорите компилятору, я знаю, что эта переменная будет иметь значение во время выполнения, так что не выкидывайте ошибку компиляции.

Если это то, на что вы ссылаетесь, но никогда не мутируете, используйте const:

declare const bootbox;

Решения Sohnee чище, но вы также можете попробовать

window["bootbox"]

Если вы хотите иметь ссылку на эту переменную во всем проекте, создайте где-нибудь d.tsфайл, например globals.d.ts. Заполните его объявлениями глобальных переменных, например:

declare const BootBox: 'boot' | 'box';

Теперь вы можете ссылаться на него в любом месте проекта, просто так:

const bootbox = BootBox;

Вот пример .

Скачать загрузочный набор текста

Затем добавьте ссылку на него в ваш файл .ts.