Angular：有没有一种方法可以遍历Map <，>而不进行排序？

Question

我有一个Map<string, customObject>，我想使用*ngFor对其进行迭代。

我尝试了*ngFor="let mapItems of map | keyvalue"，但是这一步将键以升序排序。我根本不希望对地图进行排序。这些值应按原始顺序显示。

有没有办法做到这一点？

Answer 1

您可以编写自定义管道。

@Pipe({
  name: "appmap"
})
export class AppMap implements PipeTransform {
  transform(m: Map<string, object>): any[] {
    console.log([...m]);
    return [...m];
  }
}

，并且可以使用

<div *ngFor="let item of map | appmap">
    {{item[0]}}:{{item[1] |json }}
  </div>

示例：

https://codesandbox.io/s/heuristic-ellis-hmw2p