Angular 2 更改检测 - 即使没有任何更改也刷新 DOM

Question

我已经构建了一个应用程序，它是 LIVE 测试版，我现在正在尝试优化它的性能。我有一个案例，其中有一张带有图像的表格，我注意到图像一直在闪烁，这让我看到了引擎盖，我注意到 DOM 一直在刷新。刷新一样，没有任何变化，但它每秒会不断删除和重新添加自己几次。

我想，我会先将自己登录到 ngOnChanges(_:SimpleChanges) 函数中，但是从那里没有运行到 console.log，这意味着组件本身没有改变，但由于某种原因，它认为有必要刷新它的 DOM。

我只是想知道，我该如何调试它并知道是什么导致组件刷新它的 DOM？

也许一些工具会有所帮助？我尝试了 Augury，但这似乎对调试性能问题没有帮助。

PS。在

中渲染组件

changeDetection: ChangeDetectionStrategy.OnPush

mode 有点帮助（仍然不明白，为什么它有帮助，如果 OnChanges 从不运行）...但它并不能完全消除 DOM 随机刷新。

编辑 1

DOM 在控制台刷新，看起来像这样

Answer 1

我找到了自己问题的答案。我的问题是在我的模板中使用由 get 方法生成的数组。阿卡。有 2 个模型：[ParentModel, ChildModel]，ParentModel 包含一个 ChildModel 数组。现在我只想从 ParentModel 中选择那些 ChildModel，而我所做的是

class ParentModel {
    __specificChildren() : IChild[] {}
}

在模板中，我使用了

*ngFor="let child of parentModel.__specificChildren()"

这开始不断刷新。可能是因为一些全局事件触发了相关模型上的更改检测，每次检查时都会创建一个带有不同指针的数组，这告诉 Angular 某些东西发生了变化，从而触发了更改检测。

无论如何，我是如何解决这个问题的，而不是模板中的函数，这是最佳的，因为我不想在组件中创建一个无用的变量使事情复杂化，我仍然在组件中创建了辅助变量，从而导致：

组件

public specificChildren: IChild[]

parentDatatabe.subscribe( _parent {
    this.parent = _parent;
    this.specificChildren = _parent.__specificChildren()
})

模板

*ngFor="let child of specificChildren"

因此仅在父数据库推送新值时设置新子项。