Modül içinde global bir değişken çağırma

Ben Projects.tsbir bootstrap eklentisi bildirilen genel bir değişken başvurmak istediğiniz adlı bir patlama dosya var bootbox.js.

bootboxTypeScript sınıfları içinden çağrılan bir değişkene erişmek istiyorum .

Mümkün mü?

Derleyiciye bildirildiğini söylemelisiniz:

declare var bootbox: any;

Daha iyi tür bilginiz varsa, bunu da ekleyebilirsiniz any.

Zaten bilmeyenler için, declareifadeyi şu şekilde dışına koymanız gerekir 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;
}

Gelen TypeScriptbir kaynaklanmış olmayabilir bir değişken tanımlamak istediğiniz yere beyan anahtar kelime kullanılır TypeScriptdosyası.

Derleyiciye, bu değişkenin çalışma zamanında bir değere sahip olacağını biliyorum, bu yüzden bir derleme hatası atmayın.

Referans verdiğiniz ancak asla mutasyona uğramadığınız bir şeyse, şunu kullanın const:

declare const bootbox;

Sohnee çözümleri daha temizdir, ancak aynı zamanda

window["bootbox"]

Tüm proje boyunca bu değişkene bir referans almak istiyorsanız, bir yerde d.tsdosya oluşturun , örn globals.d.ts. Genel değişken bildirimlerinizle doldurun, örn:

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

Şimdi proje boyunca herhangi bir yere başvurabilirsiniz, tıpkı şöyle:

const bootbox = BootBox;

İşte bir örnek .

Bootbox tiplerini indirin

Sonra .ts dosyanızın içine bir başvuru ekleyin.