如何获得过滤器选择的更新计数

Question

如何获得过滤器上更新的总计数？到目前为止，当我过滤例如性别：男性时，我有6条记录，它显示1条记录，但我的总数仍然显示为"0"；6〃；和适用：2不适用：4仅供参考：0。我想更新同样的内容并得到更新的结果。

table-filter.pipe.ts

import { Pipe, PipeTransform } from "@angular/core";
@Pipe({
name: "tableFilter"
})
export class TableFilterPipe implements PipeTransform {
transform(list: any[], filters: any) {
const keys = Object.keys(filters).filter(key => filters[key]);
const filterUser = (user: { [x: string]: any; }) =>
keys.every(key => {
if (key == "sdob") {
return new Date(user["dob"]) >= new Date(filters[key]);
} else if (key == "edob") {
return new Date(filters[key]) >= new Date(user["dob"]);
} else {
return user[key] === filters[key];
}
});
return keys.length ? list.filter(filterUser) : list;
}
}
getLatestUser() {
this.commonService.getAllUser().subscribe(response => {
this.allUser = response;
this.totalRecords = this.allUser.length;
this.getCounts();
this.allUser.forEach(row => (row.checked = false));
});
}

实时视图：https://angular-ivy-ww5hgk.stackblitz.io/

完整代码：https://stackblitz.com/edit/angular-ivy-ww5hgk?file=src%2Fapp%2Fapp.component.ts

如有任何帮助，我们将不胜感激。

Answer 1

这有点麻烦，但您可以通过将管道移动到容器中，并将值存储在本地模板变量中来实现，然后您可以在整个容器中使用该值并绑定到其长度。下面是一个实际示例。