angularjs - Safari 中的混合 AngularJS 和 Angular 应用程序性能低下

Question

我最近开始使用升级模块将 AngularJS 应用程序迁移到 Angular 4。

我的 AngularJS 指令之一使用第三方库 ( ngFlow ) 使用 XMLHttpRequest.send() 上传文件。在混合模式下运行时，上传在 Chrome 和 Firefox 中都可以正常工作。但是，在 Safari 中，应用程序在上传过程中变得非常慢，并且浏览器进程的 CPU 使用率达到 100%。

使用 Safari 网络工具，我发现有很多来自 zone.js 的 globalZoneAwareCallback 调用。

我的印象是 Angular 区域正在为上传期间发生的每个 XMLHttpRequest 进度事件启动更改检测。

我知道我可以使用 NgZone 中的 runOutsideAngular 来避免这种情况，但我不知道如何在发生异步调用的情况下使用它在第三方 AngularJS 库中，或者是否有任何其他解决方案来解决此问题。

Answer 1

最后我设法使用 runOutsideAngular 解决了这个问题。

首先，我降级了 NgZone 模块以在我的 AngularJS 代码中使用它:

factory('ngZone', downgradeInjectable(NgZone));

然后我在上传指令中注入(inject)了服务，并使用它来运行 Angular 区域之外的文件上传:

ngZone.runOutsideAngular(() => $flow.upload());