Rufen Sie eine globale Variable innerhalb des Moduls auf

Ich habe eine Typoskriptdatei mit dem Namen, Projects.tsdass ich auf eine globale Variable verweisen möchte, die in einem Bootstrap-Plugin namens deklariert ist bootbox.js.

Ich möchte auf eine Variable zugreifen, die bootboxinnerhalb einer TypeScript-Klasse aufgerufen wird .

Ist es möglich?

Sie müssen dem Compiler mitteilen, dass er deklariert wurde:

declare var bootbox: any;

Wenn Sie bessere Typinformationen haben, können Sie diese anstelle von hinzufügen any.

Für diejenigen, die es noch nicht wussten, müssten Sie die declareAussage classeinfach so außerhalb Ihrer setzen :

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

In TypeScriptder Deklaration wird das Schlüsselwort verwendet, wenn Sie eine Variable definieren möchten, die möglicherweise nicht aus einer TypeScriptDatei stammt.

Es ist, als würden Sie dem Compiler mitteilen, dass diese Variable zur Laufzeit einen Wert hat. Geben Sie also keinen Kompilierungsfehler aus.

Wenn Sie darauf verweisen, aber niemals mutieren, verwenden Sie const:

declare const bootbox;

Sohnee Solutions ist sauberer, aber Sie können es auch versuchen

window["bootbox"]

Wenn Sie im gesamten Projekt einen Verweis auf diese Variable haben möchten, erstellen Sie eine d.tsDatei, z globals.d.ts. Füllen Sie es mit Ihren globalen Variablendeklarationen, z.

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

Jetzt können Sie einfach überall im Projekt darauf verweisen:

const bootbox = BootBox;

Hier ist ein Beispiel .

Laden Sie die Bootbox-Typisierungen herunter

Fügen Sie dann in Ihrer .ts-Datei einen Verweis darauf hinzu.