为什么Angular异步管道使用cdr.markForCheck而不使用cdr.detectChanges？ 更新

如何解决为什么Angular异步管道使用cdr.markForCheck而不使用cdr.detectChanges？ 更新

我有一个一般的Angular问题：

为什么Angular async管道使用cdr.markForCheck()而不是cdr.detectChanges()？

我看到的是这两种“样式”有两个主要区别：

1. markForCheck()标记了要检查的直到根组件的路径-要更新的内容
2. markForCheck()使更改检测发生在当前或下一个周期-定时

---

我的想法或问题：

1. 为什么我们需要检查到根的整个路径（在async管道中）？为什么不只是当前组件？ （detectChanges()）-这与要更新的内容

2. 为什么只标记（对于当前/下一个周期-在markForCheck()中使用ngzone）？为什么不立即发现变化？ （detectChanges()）与定时

   有关

3. 如果没有ngzone异步触发器/没有异步操作该怎么办？那么视图更新不会发生吗？

4. 如果我们将async管道改为使用detectChanges()会发生什么？

---

async pipe：

  private _updateLatestValue(async: any,value: Object): void {
    if (async === this._obj) {
      this._latestValue = value;
      this._ref.markForCheck();
    }
  }

编辑：

请不要解释我在文档中多次阅读后每种方法的作用，从async的角度来看，我对这种方法的理解并不了解。 我要知道的重要部分是为什么要更新什么和定时。

解决方法

有关正确的文档，请检查ChangeDetectorRef

detectChanges

检查此视图及其子视图

如果您的类已更改，但视图尚未更新，则需要通知Angular来检测这些更改。

markForCheck

当视图使用OnPush（checkOnce）更改检测策略时，将视图明确标记为已更改，以便可以再次对其进行检查。

仅从文本中您已经可以看到，该策略用于组件检测策略已更改为onPush（例如，如果@Input()已更改）的情况。

更新

直接回答您的问题：

1. 为什么我们需要检查到根的整个路径（在异步管道中）？为什么不只是当前组件？ （detectChanges（））-与更新内容有关

它不是检查根，而是检查组件的祖先

1. 为什么只标记（对于当前/下一个周期-使用ngZone在markForCheck（）中）？为什么不立即发现变化？ （detectChanges（））与计时有关

我认为这是与性能相关的主题。收集所有需要运行的检查并在下一个周期中执行。

1. 如果没有ngZone异步触发器/没有异步操作该怎么办？那么视图更新不会发生吗？

正确，如果不会通知Angular，则视图中将不会发生任何变化

1. 如果我们将异步管道更改为使用detectChanges（）会发生什么？

我想它也可以正常工作，但是它不仅可以检查更改，还可以直接执行视图的更新。

,

As Angular doc says：

detectChanges()是：

检查此视图及其子级。与分离结合使用 实施本地变更检测检查。

和

markForCheck()是：

当视图使用OnPush（checkOnce）更改时 检测策略，将视图明确标记为已更改，以便 可以再次检查。

因此detectChanges()立即运行更改检测，但是markForCheck()不运行更改检测。

因此，似乎async管道使用markForCheck来避免性能问题。我的意思是在markForcheck()管道中使用async有助于避免运行不必要的变更检测。

更新：

问题1：

如果没有正在进行的当前更改检测并且将来的CD没有ngZone异步触发器怎么办？

否，视图将不会更新，但是，它将标记从当前组件到根组件的所有组件，它们的状态为CheckEnabled。 The source code:

export function markParentViewsForCheck(view: ViewData) {
    let currView: ViewData|null = view;
    while (currView) {
        if (currView.def.flags & ViewFlags.OnPush) {
           currView.state |= ViewState.ChecksEnabled;
        }
    currView = currView.viewContainerParent || currView.parent;
    }
}

问题2：

关于更新内容，为什么我需要标记整个路径直到根？ ...而在第二种解决方案（detectChanges）中呢？

请阅读这个不错的答案Angular markForCheck vs detectChanges。简而言之，最好使用markForCheck()方法。