如何匹配ngFor处理的列表中的项目与另一个ngIf列表

Question

假设有一个如下所示的列表.

items = [
  { id: 1,
    name: "one"
  },
  { id: 3,
    name: "thee"
  },
  { id: 5,
    name: "five"
  },
  { id: 6,
    name: "six"
  },
];

lists = [
  { id: 5,
    name: "five"
  },
  {
    id: 9,
    name: "nine"
  },
];

我希望只有在使用ngFor处理项目时才显示项目,并且项目ID包含在带有ngIf的列表中.但是我不知道怎么做

<div *ngFor="let item of items">
  <p *ngIf = "How can I write it here?">
    {{ item.name }}
  <p>
<div>

Answer 1

您可以使用Array#some检查数组中是否存在项目.

<p *ngIf="lists.some(e => e.id === item.id)">

sometrue当lists数组中的元素具有相同的id值时将返回item.