What are some examples of pipes in Angular?

What are some examples of pipes in Angular?

In Angular, pipes are used to transform data for display in templates. For example, the 'date' pipe formats dates, and the 'currency' pipe formats numbers as currency.

Can you show me how to use the date pipe?

Sure! You can use the date pipe in your template like this: {{ today | date:'fullDate' }}. This will display the full date format.

What about custom pipes? How do I create one?

To create a custom pipe, you need to implement the PipeTransform interface and decorate your class with @Pipe. For example, you can create a pipe that reverses a string.

Can you give me an example of a custom pipe?

Absolutely! Here's a simple custom pipe that reverses a string:

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({ name: 'reverse' })
export class ReversePipe implements PipeTransform {
  transform(value: string): string {
    return value.split('').reverse().join('');
  }
}

You can use it in your template like this: {{ 'hello' | reverse }}.