添加脚本会导致导航出现问题

Question

对于 Angular 项目，我们希望使用嵌入式 Ziggeo 视频。在 index.html header 中，我添加了必要的 Ziggeo 脚本，如他们网站上所述：

<link rel="stylesheet" href="https://assets.ziggeo.com/v2-stable/ziggeo.css" />
<script src="https://assets.ziggeo.com/v2-stable/ziggeo.js"></script>
<script>
var ziggeoApp = new ZiggeoApi.V2.Application({
    token:"APPLICATION_TOKEN"
});
</script>

(https://ziggeo.com/docs/sdks/javascript/browser-integration/header)

这似乎工作正常，我可以看到和播放视频。但是，这会导致站点导航出现故障。每个 menu-item 需要点击两次才能导航，导航按钮完全停止工作（他们使用 router.navigate）。我看到 URL 发生变化，但没有导航发生。在控制台中，我看到错误 Navigation triggered outside Angular zone, did you forget to call 'ngZone.run()'?。我找不到有关此错误和添加脚本的任何信息。我已经禁用了各种其他脚本以防它们相互干扰，但无济于事。

我错过了什么？

Answer 1

您是否尝试过按照此处的步骤操作：https://ziggeo.com/docs/sdks/javascript/integrations/angular

我知道最好不要回复“去那里”，但是作为 Ziggeo 团队的一员，我知道我们的目标是始终尽最大努力保持资源可用和更新。所以我会从上面的页面复制代码，但仍然建议检查它以获取更多详细信息。

或者您也可以访问 Github 查看 out the demo。

从这里获取 Ziggeo 的 Angular SDK：https://github.com/Ziggeo/angular-ziggeo 并在您的项目文件夹中执行 npm install。

如果您正在制作 UMD 应用程序，您只需在文件中使用 import {ZiggeoModule} from 'angular-ziggeo' 来包含 Ziggeo。

应该就可以了，当然你也应该去掉你手动添加的代码:)

我上面提到的 link 当然会为您提供更多细节，真的要避免复制粘贴页面:)

添加脚本会导致导航出现问题

Adding script causes issue with navigation

angular

ziggeo-api