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

问题描述 投票:8回答:1

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

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

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

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

rxjs angular5 ngrx
1个回答
0
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.