本地更改检测的 Andular 材料日期选择器问题

Question

我遇到一个问题，我们需要对组件进行本地更改检测，否则其他方面会非常慢。 但这会干扰垫日期选择器覆盖。 当我们想在覆盖层内使用箭头键移动时。它会更改您所在的月份或年份，选择和焦点将从叠加层中消失。（您在当月的最后一天，按右箭头键，您在下个月，但叠加层失去焦点并且没有选择在覆盖层内）

我发现当我删除本地更改检测时，它会按预期工作，但遗憾的是我们的组件（主要是该组件运行所需的第三方地图）变得太慢，我们发现此更改检测正在帮助解决这个问题，但它弄乱了日期选择器覆盖层，我们两者都需要）。

如何解决这个问题？有什么提示/技巧吗？

我已经完成了问题的表示，更改检测在我们的组件中设置类似。该组件本身非常大且复杂，因此我刚刚重新创建了该问题本身。

堆栈闪电战

提前致谢。

Answer 1

我还有你的链接，效果很好（在 Windows 上使用谷歌浏览器）。尝试不同的浏览器或操作系统。有时，第 3 方库在支持不同浏览器（尤其是 safary）方面存在问题。我还看到您使用 Angular 12，我建议更新它。如果您需要一些技巧来克服更改检测问题，最简单的方法是对有问题的事件做出反应（右箭头）并手动调用

.detectChanges()

上的

ChangeDetectorRef

。