带管道的 ngFor 标签重复了多少次

Question

我正在 Angular 8 中构建一个应用程序，其中主要包含 table 数据。这个 table 是用 <tr *ngFor="let entry of entries"> 创建的。如果我想找到结果的数量，它将是 entries.length.

但是，如果我在我的代码中添加一个管道（<tr *ngFor="let entry of entries | filter:searchText">），我如何才能找到<tr> div 重复了多少次？？？

此号码必须显示在应用内。它不仅仅是为了调试。

我不得不提一下，这个过滤器不是自定义的。使用包“ng2-search-filter”。

感谢您的帮助！！

Answer 1

ngFor 指令支持通过 as

引用模板内部的结果

<div *ngFor="let item of items | filter : dddd as filteredItems">
  {{filteredItems.length}}
</div>

Answer 2

你也可以这样写： ts 文件：

filtered:any[]=[];

HTML 文件:

<div>total:{{filtered.length}}</div>
<tr *ngFor="let entry of entries|filter:searchText as filtered">
  <td>//something</td>
</tr>

或

 <div>total:{{(entries|filter:searchText)?.length }}</div>

How many times a ngFor tag with piping is repeated