Filter Pipe which can filter the whole array of objects

We mostly do work with the larger data. There are always some requirements to filter the array of objects based on search criteria or filter the whole array of objects based on a given input.

Angular does provide some classic feature to make reusable code which can work throughout the application. Let’s discuss on how to apply filter for *ngFor loop

Let’s understand what is a pipe in Angular?

The pipe was called a filter in Angular 1 and the name changed in later versions.

It has a “@Pipe” decorator and implements a transform method that works with all change detections.

import {Pipe, PipeTransform} from '@angular/core';
@Pipe ({
   name : 'test'
})
export class TestPipe implements PipeTransform {
   transform(args : any) : any{

   }
}

We can discuss more this in-depth later on.

#html #javascript #angular