我正在使用 ngrx(redux) 并且我有一个显示的项目列表(虚拟滚动)。 单击工具栏添加按钮时,我会发送添加操作,reducer 会向列表中添加一个对象并返回新状态。
如何突出显示新创建的行?
我是否应该保留一个新属性,其 ID 是新创建的记录?我可能还必须在 View 中滚动新创建的项目。因为列表实际上是滚动的,所以如果用户滚动列表,组件可能会被销毁并重新创建。
最佳答案
是的,将刚刚创建的 isHighlighted 设置为 true。假设您正在使用类似 reselect.js 的东西来编写您的选择器,然后您可以将此列表映射到您的项目 dumb component .
然后在你的 Item dumb 组件中,如果 isHighlighted 为真,那么你将突出显示。
就虚拟滚动会发生的额外复杂性而言,Store 不应该关心 dom 元素被销毁或重新创建。因此,如果您突出显示的 Item 组件从 dom 中删除,该项目仍应保留在 Store 中。
关于angular - ngrx 突出显示网格中新添加的项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44814182/