angular - 显示 Angular Dart 中对象列表的最佳方法

Question

我有以下数据结构:

Map<String, MyClass> items;

我从数据库加载的所有物品的 map 。

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>