javascript - Angular X - 延迟加载这里脚本

Question

我在使用 Here API 和 Angular X（在我的例子中是 v5）应用程序时遇到问题。

如果我添加<script src="https://js.api.here.com/v3/3.1/mapsjs-core.js" type="text/javascript" charset="utf-8"></script>到index.html文件正文中-一切正常。

但在我的情况下，Here 仅用于应用程序的一小部分，我正在尝试为该库合并一个延迟加载解决方案。为此，我只需<script>在运行时添加此标记。但是这样做会破坏我的应用程序的 UI - 新路由开始呈现在旧路由之上，Angular Material 对话框和小吃栏出现在错误的位置 - 如果用户点击网站上的任何位置，这些问题中的每一个都得到解决 - 这让我认为更改检测跟踪已损坏。

看起来mapsjs-core.js文件覆盖了Promise导致此问题的窗口级别。

有没有首选的方法来延迟加载 Angular 应用程序的 Here 脚本？

标签： javascriptangularhere-api