Carica dynamicmente il file javascript esterno dal componente Angolare

Sto creando un’applicazione angular usando Angular 4 e la CLI. Sto cercando di aggiungere il widget di ricerca di SkyScanner a uno dei miei componenti.

Esempio di Skyscanner Widget

Parte dell’implementazione richiede l’aggiunta di un nuovo script esterno:

 

Non sono sicuro del modo corretto di fare riferimento a questo file. Se aggiungo lo script nel mio file index.html, il widget non viene caricato a meno che non venga eseguito un aggiornamento della pagina completa. Presumo che lo script cerchi di manipolare il DOM al caricamento e gli elementi non esistono quando viene eseguito lo script.

Qual è il modo corretto di caricare lo script solo quando viene caricato il componente contenente il widget Skyscanner?