What is transforming data using pipes in angular?

There are built in pipes available like uppercase, date etc but you can also create custom pipes to transorm the data .

For example if you want display Mr/Ms based on the gender of user then 

import { Pipe, PipeTransform } from '@angular/core';
@Pipe({name: 'Greeting'
})
export class Greeting implements PipeTransform {
transform(name: string, gender: string): string 
{
if (gender.toLowerCase() == "male")return "Mr. " + name;
 else return "Miss. " + name;
}
}


//html suppose inside ngfor
{{user.Name | Greeting:user.Gender}}

Angular invokes the transform method with the value of a binding as the first argument, and any parameters as the second argument in list form.

Few examples of transforming data using angular.

{{ header | uppercase }}

 

{{ birthday | date:"MM/dd/yy" }}

 

You can get more details on the official site of angular below:

https://angular.io/guide/pipes

Hi Naresh,

Please refer to below links

https://angular.io/guide/pipes

https://medium.com/@tanuagrawal/pipes-in-angular-77b75097b095

https://www.simplilearn.com/tutorials/angular-tutorial/angular-pipes

Please go through below articles,

https://www.c-sharpcorner.com/learn/angular-8-in-10-days/angular-8-pipes-day-5

https://www.c-sharpcorner.com/article/overview-of-angular-pipes/

https://www.c-sharpcorner.com/article/introduction-to-angular-pipes/