Chiama una variabile globale all'interno del modulo

Ho un file dattiloscritto Projects.tsche desidero fare riferimento a una variabile globale dichiarata in un plug-in bootstrap chiamato bootbox.js.

Voglio accedere a una variabile chiamata bootboxall'interno di una classe TypeScript.

È possibile?

Devi dire al compilatore che è stato dichiarato:

declare var bootbox: any;

Se disponi di informazioni di tipo migliore, puoi aggiungerle anche al posto di any.

Per coloro che non lo sapevano già, dovresti mettere la declaredichiarazione fuori dal tuo classproprio in questo modo:

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

Nella TypeScriptparola chiave declare viene utilizzato dove si desidera definire una variabile che potrebbe non essere stata originata da un TypeScriptfile.

È come se dicessi al compilatore che, so che questa variabile avrà un valore in fase di esecuzione, quindi non gettare un errore di compilazione.

Se è qualcosa a cui fai riferimento ma non muti mai, usa const:

declare const bootbox;

Le soluzioni Sohnee sono più pulite, ma puoi anche provare

window["bootbox"]

Se vuoi avere un riferimento a questa variabile in tutto il progetto, crea un d.tsfile da qualche parte , ad es globals.d.ts. Riempilo con le dichiarazioni delle variabili globali, ad esempio:

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

Ora puoi fare riferimento in qualsiasi punto del progetto, proprio così:

const bootbox = BootBox;

Ecco un esempio .

Scarica le digitazioni bootbox

Quindi aggiungi un riferimento ad esso all'interno del tuo file .ts.