如何使用NGRX防止Angular 5中的内容跳转/滚动

Top*_*paZ 8 rxjs ngrx angular5

假设我有一个带有表的长页面(或者对于包含表的一组容器是正确的)并且这些表中有很多数据,因此它不适合屏幕,因此它是可能的使用滚动条滚动页面.

现在我在表的每一行都有一个复选框,这样我就可以选择一些行并用它们执行一些操作.

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

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

Top*_*paZ 4

@Simon_Weaver,@user2216584 您的评论是正确的:只需要添加 trackBy 来防止 Angular 重绘容器