NgModule DescriptionTransforms text to lowercase. @Component({ selector: 'lowerupper-pipe', template: `<div> <label>Name: </label><input #name (keyup)="change(name.value)" type="text"> <p>In lowercase: <pre>'{{value | lowercase}}'</pre> <p>In uppercase: <pre>'{{value | uppercase}}'</pre> </div>` }) export class LowerUpperPipeComponent { value: string; change(value: string) { this.value = value; } } exported from common/index defined in common/src/pipes/case_conversion_pipes.ts