仅显示* ngIf表达式中的第一个匹配项

问题描述

如何显示* ngIf中的一个(第一个)匹配项.

How can I show only one (first) match from the *ngIf.

我有一个带有* ngFor的对象循环，后面带有* ngIf表达式，其中包含具有相同ID和不同日期的项目.我想过滤并仅显示日期最近的一个，而不是重复它们，因为我是按objectId进行过滤的.

I have an object loop with *ngFor following with *ngIf expression containing items with same Id's and different dates. I want to filter and show only the one with most recent date, not duplicating them, since I filter by objectId.

推荐答案

在html文件中:

<div *ngFor="let item of list">
  <div *ngIf="item.id == matchWithCondion ?func():false">
    Add your code here
  </div>
</div>

在打字稿文件中，将变量初始化为:

In typescript file initialize a variable as:

let isFirstMatch = false;
 constructor(){}

 func() {
   if (!isFirstMatch) {
     this.isFirstMatch = true;
     return true;
   } else {
     return false;
   }
 }

在html文件中:

<div *ngFor="let item of list">
  <div *ngIf="item.id == matchWithCondion ? func() : false">
Add your code here
  </div>
</div>

在打字稿文件中，将变量初始化为:

In typescript file initialize a variable as:

let isFirstMatch = false; 

这篇关于仅显示* ngIf表达式中的第一个匹配项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！