Angular Pipes

Angular 242 views Nov 14, 2025 1 min read

Angular Pipes

Pipes transform data before displaying it in templates. Angular provides several built-in pipes and supports custom pipes.

Built-in Pipes

  • date
  • uppercase
  • lowercase
  • currency
  • json

Example

{{ today | date:'fullDate' }}

{{ name | uppercase }}

Custom Pipe Example

@Pipe({name: 'reverse'})
export class ReversePipe {
  transform(value: string) {
    return value.split('').reverse().join('');
  }
}
Some advanced sections are available for Registered Members
Share this Post
🚀 Want to Test Your Knowledge?

Take quizzes related to this topic and see where you stand!

Start Quiz Now
Back to Tutorials