Snippet

Data Transformation with Custom Pipes

Custom pipes are used to encapsulate data formatting logic that can be reused across different templates in your application.

snippet.js

javascript

@Pipe({ name: 'square' })
export class SquarePipe implements PipeTransform {
  transform(value: number): number {
    return value * value;
  }
}

angular

Breakdown

@Pipe({ name: 'square' })

Defines the name that will be used to apply the pipe in HTML.

implements PipeTransform

Ensures the class follows the required structure for an Angular pipe.

transform(value: number)

The method that takes the input value and returns the formatted result.