angular - ngFor 匹配键值

Question

在角度 6 中，使用 ngFor，是否可以匹配键值并在匹配时打印？

下面是我的 JSON，我想匹配 SportName 并打印 Name 以匹配记录

例如，我想检查 sportName = "shooting Indoor" 并仅打印 Name="Ian"。休息应该被忽略。

[{
  "SportName": "football Outdoor",
  "Name": "Ami",
}, {
  "SportName": "shooting Indoor",
  "Name": "Ian",
}, {
  "SportName": "hockey Outdoor",
  "Name": "Jeo",
}];

标签： angular

Answer 1

使用这样的代码（我从头开始写） - 我假设你的数组在this.list

<div *ngFor="let item of list">
    <div *ngIf="item.SportName =='shooting Indoor' ">
        {{ item.Name }}
    </div>
</dvi>

如果您不想生成<div>节点，请<ng-container>改用。