Angular 2/4：使用PipeTransform过滤表格

Question

我使用了angular2-table构建的示例，我使用管道来过滤表格。我想在选择“输入广播”时按名称过滤表格

我的管道过滤器：

import * as _ from "lodash";
import {Pipe, PipeTransform} from "@angular/core";

@Pipe({
    name: "dataFilter"
})
export class DataFilterPipe implements PipeTransform {

    transform(array: any[], query: string): any {
        if (query) {
            return _.filter(array, row=>row.name.indexOf(query) > -1);
        }
        return array;
    }
}

这是plnkr：     http://plnkr.co/edit/hhv4e8WliLkmpW2Bmn3A?p=preview

如何使用输入广播过滤表格？

Answer 1

如果您希望单选按钮实际显示某些数据，则必须为那些匹配数据的单选按钮使用适当的值。例如：

<input type="radio" [(ngModel)]="filterQ" value="Ralph" name="filterQ" /> Ralph

对于第一个单选按钮，值RAP将根据您使用管道的方式与任何内容不匹配。将其更改为Ralph现在将匹配一条记录。此外，您的代码区分大小写，因此RALPH无效。