在 Angular 2 中使用名字、姓氏和电子邮件进行搜索

Question

详情

我正在尝试实现搜索管道，用户可以通过该管道使用电子邮件/名字/姓氏进行搜索，但现在使用电子邮件单个搜索项非常好。我想搜索与电子邮件名字和姓氏相同的文本输入。

图片

搜索管道

import {Pipe} from '@angular/core';


@Pipe({
    name: "search"
})

export class SearchPipe {

    transform(value, term) {
        console.log(term + ' ' + value);
        if (term == null) {
            return null;
        }
        return value.filter((item) => item.Email.includes(term));
    }
}

响应

{
    "Id":1,
    "ApimId":"1",
    "FirstName":"Super",
    "LastName":"Admin","
    "Email":"ahmed@gmail.com"   
}

Answer 1

您已经完成了最困难的部分，只需将管道更改为基于 email 或 first name 或 last name

过滤

import {Pipe} from '@angular/core';


@Pipe({
    name: "search"
})

export class SearchPipe {

    transform(value, term) {
        console.log(term + ' ' + value);
        if (term == null) {
            return null;
        }
        return value.filter((item) => {
            return item.Email.includes(term) || item.FirstName.includes(term) || item.LastName.includes(term);
        });
    }
}