rxjs - 如何使用 NGRX 在 Angular 5 中防止内容跳转/滚动
问题描述
假设我有一个带有表格的长页面(或者对于包含表格的一组容器是正确的)并且这些表格中有很多数据,因此它不适合屏幕,因此它是可能的用滚动条滚动页面。
现在我在表格的每一行都有一个复选框,这样我就可以选择一些行并对它们执行一些操作。
这些复选框与状态相关联,因此当我选中其中一个时,状态会更新并且整个页面会重新呈现。如果我理解正确,这会导致意外的内容滚动(跳跃)。
所以我的问题是:是否有任何通用方法可以避免这种意外行为?我正在考虑将用户交互分离成一个单独的状态,但感觉有点像重新发明轮子。还有其他想法或标准方法吗?
解决方案
@Simon_Weaver,@user2216584 您的评论是正确的:只需添加 trackBy 以防止 Angular 重绘容器
推荐阅读
- android - Android 复制的文件不显示在 Windows 文件资源管理器中
- c++ - 有什么办法可以删除 constexpr
- python - AWS Glue:无法检查数据目录中的架构。表中没有行
- scala - SparkException:类上的任务不可序列化:org.apache.avro.generic.GenericDatumReader
- javascript - 从自定义应用程序自动登录 powerbi 服务
- sql - 如何在 SQL 中对写入的数据求和
- serilog - 为什么输出日志包含RequestId和TraceId?
- vb.net - 在VB中,如何使用IndexOf函数查找第二次出现的东西
- ios - 移动 IOS 输入类型日期最小值和最大值不适用于 chrome 和 safari
- docker - ElasticSearch、ElasticSearch.Net 和 docker 组合错误无法分配请求的地址站点