0Pricing
Angular Academy · Lesson

Creating Custom Pipes

Build reusable transformation pipes.

Why Custom Pipes?

When built-in pipes are not enough, you can create a custom pipe to encapsulate reusable transformation logic for your templates.

The @Pipe Decorator

A pipe is a class decorated with @Pipe. The name property is what you use in templates.

import { Pipe } from "@angular/core";

@Pipe({ name: "exclaim", standalone: true })
export class ExclaimPipe {}

All lessons in this course

  1. Using Built-in Pipes
  2. Chaining and Parameterizing Pipes
  3. Creating Custom Pipes
  4. Pure vs Impure Pipes
← Back to Angular Academy