Chamar uma variável global dentro do módulo

Eu tenho um arquivo datilografado chamado Projects.tsque desejo referenciar uma variável global declarada em um plug-in de auto-inicialização chamado bootbox.js.

Eu quero acessar uma variável chamada bootboxde dentro de uma classe TypeScript.

É possível?

Você precisa informar ao compilador que foi declarado:

declare var bootbox: any;

Se você tiver informações de tipo melhores, poderá adicioná-las também, no lugar de any.

Para aqueles que ainda não sabiam, você teria que colocar a declaredeclaração fora da sua, classassim:

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

Na TypeScriptpalavra-chave declarar, é usada onde você deseja definir uma variável que pode não ter sido originada de um TypeScriptarquivo.

É como você diz ao compilador que, eu sei que essa variável terá um valor em tempo de execução, portanto, não gere um erro de compilação.

Se é algo que você faz referência, mas nunca sofre mutação, use const:

declare const bootbox;

As soluções Sohnee são mais limpas, mas você também pode tentar

window["bootbox"]

Se você deseja ter uma referência a essa variável em todo o projeto, crie um d.tsarquivo em algum lugar , por exemplo globals.d.ts. Preencha com suas declarações de variáveis ​​globais, por exemplo:

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

Agora você pode referenciá-lo em qualquer lugar do projeto, assim:

const bootbox = BootBox;

Aqui está um exemplo .

Faça o download das digitações da caixa de inicialização

Em seguida, adicione uma referência a ele dentro do seu arquivo .ts.