Il typescript angular 2 richiama la funzione javascript

Esiste un modo corretto per richiamare una funzione JavaScript da un componente in Angular 2 (TypeScript)?

Ecco il mio componente:

import { ElementRef, AfterViewInit } from '@angular/core'; export class AppComponent implements AfterViewInit { constructor(private _elementRef: ElementRef) { } ngAfterViewInit() { /** * Works but i have this error : * src/app.component.ts(68,9): error TS2304: Cannot find name 'MYTHEME'. * src/app.component.ts(69,9): error TS2304: Cannot find name 'MYTHEME'. */ MYTHEME.documentOnLoad.init(); MYTHEME.documentOnReady.init(); /** * Works without error, but doesn't seem like a right way to do it */ var s = document.createElement("script"); s.text = "MYTHEME.documentOnLoad.init(); MYTHEME.documentOnReady.init();"; this._elementRef.nativeElement.appendChild(s); } } 

Chiamare la funzione JavaScript genera direttamente un errore di compilazione, ma la syntax nel file JavaScript “compilato” (app.component.js) è corretta:

 AppComponent.prototype.ngAfterViewInit = function () { MYTHEME.documentOnLoad.init(); MYTHEME.documentOnReady.init(); }; 

Il secondo modo (appendChild) funziona senza errori, ma non credo (alterando il DOM da typescript / angular) sia il modo corretto di farlo.

Ho trovato questo: utilizzando una funzione Javascript da Typescript ho provato a dichiarare l’interfaccia:

 interface MYTHEME { documentOnLoad: Function; documentOnReady: Function; } 

Ma il TypeScript non sembra riconoscerlo (nessun errore nella dichiarazione dell’interfaccia).

Grazie

Modificare :

Seguendo la risposta di Juan Mendes, ecco cosa ho concluso con:

 import { AfterViewInit } from '@angular/core'; interface MYTHEME { documentOnLoad: INIT; documentOnReady: INIT; } interface INIT { init: Function; } declare var MYTHEME: MYTHEME; export class AppComponent implements AfterViewInit { constructor() { } ngAfterViewInit() { MYTHEME.documentOnLoad.init(); MYTHEME.documentOnReady.init(); } } 

Devi dire a TypeScript delle dichiarazioni esterne (JavaScript) usando declare . Vedi https://www.typescriptlang.org/docs/handbook/writing-declaration-files.html

 interface MyTheme { documentOnLoad: Function; documentOnReady: Function; } declare var MYTHEME: MyTheme; 

O in modo anonimo

 declare var MYTHEME: {documentOnLoad: Function, documentOnReady: Function};