首页 > 解决方案 > 如何使用 NGRX 在 Angular 5 中防止内容跳转/滚动

问题描述

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

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

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

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

标签: rxjsangular5ngrx

解决方案


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


推荐阅读