Angularda ilk olarak kendi Pipe mizi oluşturmak için terminale (Visual studio code ) bölümünde asağıdaki kodu calıştırarak yeni pipe oluşturuyoruz.
ng g pipe yenipipe
transform(value: Post[], fitertext: string): Post[] {
if (!fitertext) {
return value;
} else {
//return value.filter(p=>p.title.toLocaleLowerCase());
return value.filter(
p =>
p.title.toLocaleLowerCase().indexOf(fitertext.toLocaleLowerCase()) !==
-1
);
}
}
<input class="form-control mr-sm-2" [(ngModel)]="fitertext" type="search" placeholder="Search" aria-label="Search">
<div *ngFor="let item of posts | postFilter:fitertext" class="media text-muted pt-3">