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

Question

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

关于如何做的任何提示 循环列表1 如果有，则显示下面列表2中的匹配项

EG

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

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

显示这样的东西 - 黄绿色 等等等等等等

--Oranges土豆 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>

这是您的应用程序的plunker：

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