gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-04 08:53:57 25 4
gpt4 key购买 nike

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

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

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

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

最佳答案

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

关于rxjs - 如何使用 NGRX 在 Angular 5 中防止内容跳跃/滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52705148/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com