Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 以角省道显示对象列表的最佳方式_Angular_Dart_Angular Dart - Fatal编程技术网

Angular 以角省道显示对象列表的最佳方式

Angular 以角省道显示对象列表的最佳方式,angular,dart,angular-dart,Angular,Dart,Angular Dart,我有以下数据结构: Map<String, MyClass> items; 地图项目; 从数据库加载的所有项目的映射 List<String> selectedItems; List selectedItems; 要在列表中显示的当前选定项目 现在我想在html页面的ngFor循环中显示列表。如何将访问函数写入项目?当然,它还应该检测对象中的更新 <div *ngFor="let item of selectedItems"> {{ items[i

我有以下数据结构:

Map<String, MyClass> items;
地图项目;
从数据库加载的所有项目的映射

List<String> selectedItems;
List selectedItems;
要在列表中显示的当前选定项目

现在我想在html页面的ngFor循环中显示列表。如何将访问函数写入项目?当然,它还应该检测对象中的更新

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

{{items[item].name}

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

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

<div *ngFor="let item of items.values">
  {{ item.name }}
</div>
<div *ngFor="let item of selectedItems">
  {{ items[item].name }}
</div>
如果selectedItems包含这些键,则可以使用

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

{{items[item].name}

我有点困惑。您可以编写“要在列表中显示的当前选定项目”。但在
*ngFor
中,您可以迭代
项目。什么是
selectedItems
?是的,对不起,我指的是selectedItems。我现在更新了我的问题,我没有想到能够用键访问地图上的值!我现在就试试看。哇哦,它很管用,所以答案是
让selectedItems的key
{items[key].name
。如果你把这第四个选项添加到你的答案中,那就太好了,我很乐意接受它!好的,我更新了我的答案。