Question

我的项目中有一个可用的搜索管道。它被应用在桌子上。 table有很多列，例如产品名称，类别，数量等。管道搜索所有字段并过滤结果。它区分大小写，我想让它不区分大小写。如果我输入Mobile，则会显示结果，但如果我输入mobile则不会显示结果。

Search.pipe.ts

import { Pipe, PipeTransform } from '@angular/core';
import {isObject} from "rxjs/util/isObject";
import {isEmpty} from "rxjs/operator/isEmpty";
import {empty} from "rxjs/Observer";
@Pipe({
    name: 'search'
})
export class SearchPipe implements PipeTransform
{
    transform(input, searchString)
    {
        if (input == null) return input;
        return input.filter(this.compareWithAllFields, searchString);
    }

    compareWithAllFields(value, index)
    {
        var fields = Object.keys(value);
        for (let i = 0; i < fields.length; i++)
        {
            if (value[fields[i]] != null)
            {
                if (isObject(value[fields[i]]))
                {
                    var childFields = Object.keys(value[fields[i]]);
                    if (childFields.length > 0)
                    {
                        for (let j = 0; j < childFields.length; j++)
                        {
                            if ((value[fields[i]][childFields[j]] + "").indexOf(this.toString()) !== -1)
                            {
                                return true;
                            }
                        }
                    }
                }
                if ((value[fields[i]] + "").indexOf(this.toString()) !== -1)
                {
                    return true;
                }
            }
        }
        return false;
    }
}

输入表单

<input placeholder="Enter Product Details to Search" class="form-control input-lg" type="text" #searchProduct
                               (keyup)="0">

用法

<tr *ngFor="let product of products | search:searchProduct.value;let serial = index">

Answer 1

String.prototype.toLowerCase()获胜：

compareWithAllFields(value, index)
{
    var fields = Object.keys(value);
    for (let i = 0; i < fields.length; i++)
    {
        if (value[fields[i]] != null)
        {
            if (isObject(value[fields[i]]))
            {
                var childFields = Object.keys(value[fields[i]]);
                if (childFields.length > 0)
                {
                    for (let j = 0; j < childFields.length; j++)
                    {
                        if ((value[fields[i]][childFields[j]] + "").toLowerCase().indexOf(this.toString().toLowerCase()) !== -1)
                        {
                            return true;
                        }
                    }
                }
            }
            if ((value[fields[i]] + "").toLowerCase().indexOf(this.toString().toLowerCase()) !== -1)
            {
                return true;
            }
        }
    }
    return false;
}

参考： https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/toLowerCase

Angular 2 - 使用管道

1 个答案: