Виклик глобальної змінної всередині модуля

У мене є файл машинопису під назвою, 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;

Розчини Соні чистіші, але ви також можете спробувати

window["bootbox"]

Якщо ви хочете мати посилання на цю змінну у всьому проекті, створіть десь d.tsфайл, наприклад globals.d.ts. Заповніть його своїми глобальними деклараціями змінних, наприклад:

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

Тепер ви можете посилатися на нього будь-де в межах проекту, саме так:

const bootbox = BootBox;

Ось приклад .

Завантажте типізацію завантажувача

Потім додайте посилання на нього у вашому файлі .ts.