angular - 应用管道后如何在 ngFor 中查找项目数

Question

我有一个 ngFor 在经过过滤和分页的表中创建行。

<tr *ngFor="#d of data.results | filter:filterText | pagination:resultsPerPage:currentPage">

页面上还有另一个元素显示显示的记录数。这些元素最初绑定(bind)到 data.Results 的长度。

如何获取应用过滤管道后显示的数据长度，以便正确显示。 ngFor 中提供的局部变量似乎都没有解决这个问题。

Answer 1

一种方法是将模板变量与 @ViewChildren()

一起使用

<tr #myVar *ngFor="let d of data.results | filter:filterText | pagination:resultsPerPage:currentPage">

@ViewChildren('myVar') createdItems;

ngAfterViewInit() {
  console.log(this.createdItems.toArray().length);
}