Tutorial by Examples

my.pipe.ts import { Pipe, PipeTransform } from '@angular/core'; @Pipe({name: 'myPipe'}) export class MyPipe implements PipeTransform { transform(value:any, args?: any):string { let transformedValue = value; // implement your transformation logic here return transformedValue; }...

Having different pipes is a very common case, where each pipe does a different thing. Adding each pipe to each component may become a repetitive code. It is possible to bundle all frequently used pipes in one Module and import that new module in any component needs the pipes. breaklines.ts import...