@Pipe
This is the documentation for Angular 6.
You can switch to the latest version Angular 10.
You can switch to the latest version Angular 10.
A pipe takes in data as input and transforms it to a desired output.
Example
Here's a custom pipe that doubles a value:
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({name: 'double'})
export class DoublePipe implements PipeTransform {
transform(value: number): number {
return value * 2;
}
}
Usage:
{{ value | double }}
Options
name
#
name: string
pure
#
pure: boolean