【问题标题】:ngFor on Array of objects not updating DOM elements properlyngFor on Array of objects 没有正确更新 DOM 元素
【发布时间】:2016-10-03 13:42:42
【问题描述】:

在我将 Angular 2 项目从 RC4 更新到 2.0.1 后,我遇到了 ngFor 在对象数组上循环的问题(在 RC4 上运行良好)

已排序对象列表未在 DOM 上正确更新,它们似乎未排序。

重现错误/问题的步骤:

  1. 这里是 plnkr:plnkr
  2. 将开始/停止边界从中间移动。
  3. 然后将可拖动条向左/向右移动。
  4. 您会看到显示的元素正在更新。
  5. 在某些时候,如果您向左移动,您会看到元素正在 未分类/混合。
  6. 我在控制台日志中添加了来自 ngLoop 的 id 索引。所以 当问题发生时,您可以看到它未排序

我尝试了几件事,但没有任何效果:

  • 在对象上使用副本
  • 使用带有键的数组...

感谢您的帮助

【问题讨论】:

  • 在检查 angular 2 版本更新后,我发现问题出在哪里:在 RC5 中添加 --> “核心:确保 ngFor 仅在必要时插入/移动/删除元素”我比较了我的项目 RC4 和 2.0 .1 并且所有元素仅在 RC4 上更新(如预期的那样)。有办法绕过这个吗?并在 2.0.1 上的 ngfor 更改后更新所有 DOM 元素??

标签: angular ngfor


【解决方案1】:

为了更新 ngfor 中的 所有 DOM 元素/对象:

我必须创建一个新组件,然后在 ngfor 中实例化该组件。

现在元素已正确更新,就像它们在 RC4 中一样...

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-11-14
  • 1970-01-01
  • 1970-01-01
  • 2018-12-06
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多