Angular 使用角度管道过滤多个特性

Angular 使用角度管道过滤多个特性,angular,typescript,Angular,Typescript,我使用了从结果表中筛选使用单个属性(名称)的搜索,以及我希望它以出色的方式工作的方式,但是如何调整管道以跨多个属性(即SpeciesName、EnclosureName等)进行搜索 管道: HTML: 添加新动物 启动检查报告 {{furries.Name}{{furries.昵称}} 物种:{{furries.SpeciesName} 亚种:{{毛皮。亚种名称}} 到达:{{furries.欢迎} 年龄:{{furries.Age}}岁 附件:{{furries.EnclosureName}

我使用了从结果表中筛选使用单个属性(名称)的搜索,以及我希望它以出色的方式工作的方式,但是如何调整管道以跨多个属性(即SpeciesName、EnclosureName等)进行搜索

管道:

HTML:


添加新动物
启动检查报告
{{furries.Name}{{furries.昵称}}

物种:{{furries.SpeciesName}

亚种:{{毛皮。亚种名称}}

到达:{{furries.欢迎}

年龄:{{furries.Age}}岁

附件:{{furries.EnclosureName}

气质:{{furries.气质}


将返回语句替换为:

return it.Name.toLowerCase().includes(searchText)||
it.Nickname.toLowerCase().includes(searchText)||
it.SpeciesName.toLowerCase().includes(searchText)||
.
.
.
.
;

将返回语句替换为:

return it.Name.toLowerCase().includes(searchText)||
it.Nickname.toLowerCase().includes(searchText)||
it.SpeciesName.toLowerCase().includes(searchText)||
.
.
.
.
;

您只需使用
&&
(and)或
| |
(or)即可解决此问题:

return items.filter( it => {
    return it.Name.toLowerCase().includes(searchText) 
    || it.SpeciesName.toLowerCase().includes(searchText) // add more conditions
});

您只需使用
&&
(and)或
| |
(or)即可解决此问题:

return items.filter( it => {
    return it.Name.toLowerCase().includes(searchText) 
    || it.SpeciesName.toLowerCase().includes(searchText) // add more conditions
});

是否要对管道中的属性名称进行硬编码,还是将其作为参数添加到管道中?首选硬编码是否要对管道中的属性名称进行硬编码,还是将其作为参数添加到管道中?首选硬编码