如何使用 NGRX 防止 Angular 5 中的内容 jumping/scrolling

How to prevent content jumping/scrolling in Angular 5 with NGRX

假设我有一个带有 table 的长页面(或者对于包含 table 的一组容器来说是正确的)并且这些 [=21] 中有很多数据=]s,因此它不适合屏幕,因此可以使用滚动条滚动页面。

现在我在 table 的每一行中都有一个复选框,这样我就可以 select 一些行并对它们执行一些操作。

这些复选框与状态相关联,因此当我选中其中一个时,状态会更新并且整个页面都会重新呈现。如果我理解正确的话,这会导致意外的内容滚动(跳跃)。

所以我的问题是:是否有任何通用方法可以避免这种意外行为?我正在考虑将用户交互分离到一个单独的状态中,但感觉有点像重新发明轮子。还有其他想法或标准方法吗?

@Simon_Weaver、@user2216584 你的评论是正确的:只需要添加 trackBy 以防止 Angular 重绘容器