按键填充数组并循环它

Question

我在循环中运行以下代码来填充特定table.$key的数据：

this.tableUsers[table.$key] = userData;

我需要table.$key索引才能获取每个表的用户详细信息。

我还希望循环播放this.tableUsers中的所有项目并输出所有表格的userData，而不知道table.$key

我试着像这样循环：

<div *ngFor="let user of tableUsers">
      test
    </div>

但在我的控制台日志中，我注意到了这个输出：

所以我创建了一个管道来循环键，但它不起作用：

<div *ngFor="let user of tableUsers | keys">
      test
    </div>

按键管道：

export class KeysPipe implements PipeTransform {
  transform(value, args:string[]) : any {
    let keys = [];
    for (let key in value) {
      keys.push({key: key, value: value[key]});
    }
    return keys;
  }

如何循环控制台日志中显示的每个项目？

Answer 1

我能想到的最简单方法是使用两个*ngFor循环。

示例：

<div *ngFor="let key of keys">
    <div *ngFor="let user of tableUsers[key]">
        test
    </div>
</div>

表格键上的外*ngFor循环和内*ngFor遍历用户的当前键值。