An interface that is implemented by pipes in order to perform a transformation. 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.

interface PipeTransform {
  transform(value: any, ...args: any[]): any
}

Methods

transform()
transform(value: any, ...args: any[]): any Parameters value any args any[] Returns any

Usage notes

In the following example, RepeatPipe repeats a given value a given number of times.

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

@Pipe({name: 'repeat'})
export class RepeatPipe implements PipeTransform {
  transform(value: any, times: number) {
    return value.repeat(times);
  }
}

Invoking {{ 'ok' | repeat:3 }} in a template produces okokok.