从Angular组件动态加载外部javascript文件

Question

我正在使用Angular 4和CLI创建Angular应用程序。我正在尝试将SkyScanner搜索小部件添加到我的组件之一中。

Skyscanner窗口小部件示例

实现的一部分需要添加新的外部脚本：

<script src="https://widgets.skyscanner.net/widget-server/js/loader.js" async></script>

我不确定引用此文件的正确方法。如果将脚本添加到index.html文件中，则除非执行整页刷新，否则不会加载小部件。我假设脚本尝试在加载时操纵DOM，并且脚本运行时元素不存在。

仅当加载包含Skyscanner小部件的组件时，加载脚本的正确方法是什么？