在 angular 飞镖中显示对象列表的最佳方式

Question

我有以下数据结构：

Map<String, MyClass> items;

我从数据库加载的所有项目的地图。

List<String> selectedItems;

要在列表中显示的当前选定项目。

我现在想在 html 页面的 ngFor 循环中显示列表。我将如何编写项目的访问功能？它当然也应该检测对象中的更新。

<div *ngFor="let item of selectedItems">
  {{ items[item].name }}
</div>

商品本身来自 redux 商店。因此，每当项目中的某些内容发生变化时，该对象也会重新创建为副本。但只有在选择更改时才会重新创建列表。

Answer 1

如果您只想访问您可以使用的值

<div *ngFor="let item of items.values">
  {{ item.name }}
</div>

如果你想使用键和值，你可以这样做

<div *ngFor="let key of items.keys">
  {{ key }} - {{ items[key].name }}
</div>

如果你想使用selectedItems使用

<div *ngFor="let item of selectedItems">
  {{ item }}
</div>

如果 selectedItems 包含键，您可以使用

<div *ngFor="let item of selectedItems">
  {{ items[item].name }}
</div>

Best way to display list of object in angular dart