Angular 角度过滤器超过表中的1项
我有下面的函数过滤掉我的引导表中的“title”。我还想按“id”进行筛选Angular 角度过滤器超过表中的1项,angular,Angular,我有下面的函数过滤掉我的引导表中的“title”。我还想按“id”进行筛选 search(term: string) { if (!term) { this.filterData = this.data; } else { this.filterData = this.data.filter(x => x.title.trim().toLowerCase().includes(term.trim().toLowerCase())
search(term: string) {
if (!term) {
this.filterData = this.data;
} else {
this.filterData = this.data.filter(x =>
x.title.trim().toLowerCase().includes(term.trim().toLowerCase())
);
}
}
如何添加“id”参数
正在筛选的json数组如下所示
[
{
"albumId": 1,
"id": 1,
"title": "accusamus beatae ad facilis cum similique qui sunt",
"url": "https://via.placeholder.com/600/92c952",
"thumbnailUrl": "https://via.placeholder.com/150/92c952"
},
{
"albumId": 1,
"id": 2,
"title": "reprehenderit est deserunt velit ipsam",
"url": "https://via.placeholder.com/600/771796",
"thumbnailUrl": "https://via.placeholder.com/150/771796"
}
]
您应该在筛选器中使用&&运算符
this.filterData = this.data.filter(x =>
x.title.trim().toLowerCase().includes(term.trim().toLowerCase()) &&
x.id == yourId)
);
只是一个快速更新,我将&&更改为| |,以便用户可以按任意一个值进行搜索。另外,我在过滤器x.id==Number(term)中完成了以下操作