Appeler une variable globale à l'intérieur d'un module

Question

J'ai un fichier type appelé Projects.ts que je veux faire référence à une variable globale déclarée dans un plugin bootstrap appelé bootbox.js .

Je souhaite accéder à une variable appelée bootbox à partir d'une classe TypeScript.

Est-ce possible ?

Answer 1

Vous devez indiquer au compilateur qu'il a été déclaré :

declare var bootbox: any;

Si vous disposez de meilleures informations sur les types, vous pouvez les ajouter à la place de any .

Answer 2

Pour ceux qui ne le sauraient pas encore, il faut mettre le declare en dehors de votre class comme ceci :

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;
}

En TypeScript le mot-clé declare est utilisé lorsque vous souhaitez définir une variable qui n'est pas nécessairement issue d'un fichier TypeScript fichier.

C'est comme si vous disiez au compilateur : "Je sais que cette variable aura une valeur au moment de l'exécution, alors ne lancez pas d'erreur de compilation".

Answer 3

S'il s'agit de quelque chose que vous référencez mais que vous ne mutez jamais, alors utilisez const :

declare const bootbox;

Answer 4

Les solutions Sohnee sont plus propres, mais vous pouvez aussi essayer

window["bootbox"]

Answer 5

Si vous voulez avoir une référence à cette variable dans l'ensemble du projet, créez un endroit d.ts par exemple. globals.d.ts . Remplissez-le avec vos déclarations de variables globales, par exemple :

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

Vous pouvez maintenant y faire référence n'importe où dans le projet, comme ça :

const bootbox = BootBox;

Voici un exemple .