跨嵌套 ngFors（嵌套或二维数组）的 TrackBy 重用答案

【问题标题】：TrackBy reuse across nested ngFors (nested or 2d arrays)跨嵌套 ngFors（嵌套或二维数组）的 TrackBy 重用
【发布时间】：2018-07-17 02:50:19
【问题描述】：

在以下示例中：
https://stackblitz.com/edit/track-by-reuse?file=src/app/app.component.ts
如果将列数从 4 更改为 3，则具有 1、2、3、5、6 和 9 的 td 元素由于 trackBy 函数而被重用，但 4、7 和 8 并重新渲染，因为它们从一个 tr 移动元素到下一个。

有没有办法跨嵌套的 ngFors 跟踪元素？这可能是功能请求吗？

此处的示例https://stackoverflow.com/a/45308735/6656422 似乎不起作用。

【问题讨论】：

标签： angular angular2-template

【解决方案1】：

您可以尝试避免使用table 并切换到 CSS 布局（引导列，也许是 flexbox？），这样您将只有一个循环，因此表格将使用trackBy 有效地呈现为简单列表。

【讨论】：

这是一种解决方法，我需要在标记中设置一组严格的列。
ngForOf 只知道自己的组件，没有办法让两个ngForOf 互相知道，唯一的办法就是实现自己的@987654325 变体@ 可以处理嵌套数组。