循环（显示）两个相关的角度列表？

Question

两个单独的列表（数组）
第二个列表包含对第一个具有匹配ID的引用

有关如何发挥作用的任何提示 循环列表1
    如果有的话，在

下显示列表2中的匹配项

e.g。

清单1
ID：1标题：黄绿色
ID：2标题：橙子土豆
ID：3标题：鞋子和小猫
......

清单2
ID：1文字：Blah blah blah
ID：2文字：Yakety yak yak
ID：2文：哦，男孩，这很好 ......

显示类似的东西
- 黄绿色 Blah blah blah

- 橘子土豆
Yakety牦牛牦牛
哦，男孩这很好

- 鞋子和小猫
（这里没有显示）

Answer 1

您必须为此应用程序使用double * ngFor（和1 * ngIf），如下所示：

<div *ngFor="let item1 of arr1">
  -- {{item1.Title}}
  <div *ngFor="let item2 of arr2">
    <div *ngIf="(item2.ID === item1.ID)">{{item2.text}}</div>
  </div>
  <br/>
</div>

以下是此申请的摘要：

https://plnkr.co/edit/m8LXiwoBRo7MVULkBHKK?p=preview