问题标签 [ngzone]

嗨，我尝试在我的 ionic2 应用程序上使用 Zone：

我创建了一个提供我设备位置的提供商

在主页视图 html 中，我可以使用 {{locationTracker.lat}} 访问该区域，但在我的主页组件（谁调用此提供程序）中，我不知道我如何无法访问该区域

我试试这个

但它是未定义的

你不能帮助我吗？

我正在学习ngZone如何在Angular中工作。我知道它正在对标准异步操作（例如 setTimeout）进行猴子修补。

但谁在打猴子补丁？zone.js 库或 ngZone 中的 Angular 本身？如果您可以在源代码中显示它发生的特定位置，那就太好了。

I using ui-routing for NG4 (each section is different ui-view). In some section I use (waypoint.js - imakewebthings.com/waypoints/) with ngZone and I need wait for load all images and videos (in all ui-view in page) to get true page height. Is it posible and if is how can I do this?

Something like addEventListener('load', ...) not working because I have got some pages (each have multiple sections (ui-view)) and it's work only for first open page.

My code:

My page container (similar for evry page)

for example moving-car component:

TS:

我将如何继续为以下组件运行 jasmine 测试：

以下失败并显示无法解析 NgZone 的所有参数：

})

使用 Angular 4.1.3。我找到了 MockNgZone 类 @ https://no-shadow-angular-io.firebaseapp.com/docs/ts/latest/api/core/testing/MockNgZone-class.html。但在这个特定版本的@angular/core/testing 中似乎不可用：

有人知道我应该怎么做来测试这个组件吗？

问候

是否可以访问 angular(2+) ZoneJS 实例 (NgZone) 而无需像这样在构造函数中注入它：

现在，当我开发我的角度库时，我需要这样做：

但我不想让用户关心 NgZone 的初始化。

我有一个使用 Angular Google Maps 来显示位置的应用程序。一开始我可以显示地图，但是有一段时间（可能我已经修改了一些东西）我收到以下错误：

我的代码是：app.module.ts：

我的组件.html

我将衷心感谢您的帮助！

我用材料设计创建了角度库（下面的 package.json）

当我包含在这个库中时：

当在这个库中时，所有东西都被导入

我收到错误：

由于第 3 方库，我正在请求 SaaS api。当有未完成/未完成的服务调用时，服务器完成渲染 Angular 通用应用程序。

我正在使用 Angular 5.2.0 和它的 SSR 功能。这是我的设置的抽象结构：

服务器.ts

我的.component.html

我的.component.ts

服务包装器.service.ts

app.component.html

输出

我有一个相当大的混合 AngularJS / Angular 应用程序，我从 Angular 4 升级到 Angular 5 以摆脱导致 $digests 过多和缓慢的 UpgradeModule。但现在我注意到，在每个 AngularJS XHR 请求中，Angular 5 都会对每个降级的 Angular 5 组件进行更改检测。由于我有相当大的表，其中包含组件，因此更改检测量会激增并导致严重滞后（例如 20 秒而不是 0 秒）。

我在这里读到 NgZone 可以降级并用于限制调用。

但我想知道是否真的需要检查每个 XHR 请求的每个组件？

有没有办法限制这些检查或在 XHR 请求上完全关闭它们？（也许对于某些组件？）

任何其他模式可能有助于解决这个问题？

这是一个概述，显示了由 XHR 请求引起的延迟。

这是放大视图的细节：

编辑 它确实有助于在所有组件上将 OnPush 设置为 changeDetection，这似乎是合乎逻辑的。但似乎每个点击事件和 XHR 请求（我将在此处更改为 fetch 以尝试避免它）都会导致 $digest 并且无论如何也会导致相同的调用堆栈（尽管工作量较少）。一个例子是下面的组件：

所以堆栈仍然非常相似：

Angular 是否仍在遍历所有组件？有没有办法在早期阶段防止这种情况发生？

我最近按照本指南学习了如何创建一个角度库并将其发布以供我自己使用：https ://medium.com/@nikolasleblanc/building-an-angular-4-component-library-with-the-angular- cli-and-ng-packagr-53b2ade0701e

在打包库并从我自己的 Angular 项目中引用它之后，我遇到了这个错误：NullInjectorError: No provider for NgZone。

当我尝试在我的控制器中注入 NgZone 时，没有引用我的库中也注入它的组件，我的项目工作得很好。但是，当我尝试在我看来引用库组件时，它不再起作用！

我花了一整天的时间试图弄清楚这一点，但是几乎没有关于这个错误的信息，而且我相信它与 NgZone 无关，而是我忽略了的东西。

我不确定我应该提供什么样的信息来更好地解决这个错误，所以请随时问我。

我的库和项目都参考了 Angular 5.0.0 和 zone.js 0.8.12。您可以在以下位置找到我在 github 上发布的库：https ://github.com/lakylekidd/skating-library

任何帮助将不胜感激，它让我发疯！

提前谢谢你，比利