Question

如何显示* ngIf中的一个（第一个）匹配项。

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

Answer 1

在html文件中：

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

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

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>

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

let isFirstMatch = false;

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

1 个答案: