What is transforming data using pipes in angular?

Question

Sachin Singh · Answer

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}}

Rajanikant Hawaldar · Answer

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/

Vishal Joshi · Answer

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

Vishal Yelve · Answer

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

What is transforming data using pipes in angular?

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (4)