angular2: compresi gli script js di terze parti nel componente

C’è un modo per includere script JS di terze parti all’interno di un componente Angular2 invece di includerlo in index.html?

Ho un componente tabella che include i dataTable. È l’unico componente che ha bisogno di dataTables js / css include. Sarebbe bello se potessi mantenere il mio index.html più pulito. Il decoratore di componenti ti consente di specificare i file CSS.

Ho provato a spostare i miei tag di script all’interno del mio componente html, ma non sembra funzionare.

I tag di script nei modelli di componenti vengono rimossi. Una soluzione alternativa consiste nel creare il tag script dynamicmente in ngAfterViewInit()

Vedi anche https://github.com/angular/angular/issues/4903

 import { DOCUMENT } from '@angular/common'; ... constructor(private @Inject(DOCUMENT) document, private elementRef:ElementRef) {}; ngAfterViewInit() { var s = this.document.createElement("script"); s.type = "text/javascript"; s.src = "http://somedomain.com/somescript"; this.elementRef.nativeElement.appendChild(s); } 

Vedi anche https://stackoverflow.com/a/9413803/217408