复选框值上的角度过滤器表

Question

我正试图根据复选框的值来筛选我的表，该筛选应该可以通过下拉列表来实现，下拉列表显示所有行、选中复选框的行和未选中复选框。我尝试过：

<tr *ngFor="let step of steps | tableFilter: checked"></tr>

但是我不能让它工作。我在这里举一个例子：https://stackblitz.com/edit/angular-fwnnzf-penyen?embed=1&file=app/table-basic-example.html谢谢

Answer 1

您必须根据选择筛选表数据，您可以通过传递数据和选择值(如(来实现这一点

import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
name: 'tableFilter'
})
export class TableFilterPipe implements PipeTransform {
transform(value: any, args?: any): any {
console.log(args , 's' , value)
if(args === 'Checked'){
return value.filter(x=>x.checked)
}else if(args === 'NotChecked'){
return value.filter(x=>!x.checked)
}else{
return value
}
}
}

这是一个工作模型https://stackblitz.com/edit/angular-5wb7ig?embed=1&file=app/table-selection-example.html