哎呀伙計們，我有以下問題，我制作了這個管道過濾器來過濾這些資訊，但是我需要再過濾 2 條資訊，但是我不知道如何在這個管道中執行此操作。我將在下面留下我制作的管道示例
/*** PIPE ***/
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
name: 'filter'
})
export class FilterPipe implements PipeTransform {
transform(nomes: any, search: []): any {
if (search === undefined) { return nomes }
return nomes.filter(function(nome){
Here, I needed to filter, nome?.city, nome?.age
return nome?.titulo?.includes(search)
})
}
}/*** HTML ***/
<ion-searchbar [(ngModel)]="search" name="search"></ion-searchbar>uj5u.com熱心網友回復：
在 HTML 頁面中添加此代碼
<ion-searchbar color="light" class="ion-no-padding" [(ngModel)]="searchData" mode="ios"
[placeholder]="'Search ' pageName">
</ion-searchbar>
<ion-row *ngFor="let item of checkContent | filterData : ['city','age'] : searchData">
</ion-row>
在過濾器管道中添加此代碼
transform(items: any[], field: any[], value: string): any[] {
if (!items || !value || !field) {
return items;
}
let lowSearch = value.toLowerCase();
return items.filter((item) => {
return field.some(key =>
String(item[key]).toLowerCase().includes(lowSearch)
);
});
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/312538.html
標籤：javascript 有角的 打字稿 离子框架