angular2: compresi gli script js di terze parti nel componente

Question

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 tag di script all'interno del mio componente html, ma non sembra funzionare.

Answer 1

I tag di script nei modelli di componenti vengono rimossi. Una soluzione è quella di creare il tag script in modo dinamico 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