The Problem
The Solution
<h1>{{someNumber | currency:'USD':true | myCustomPipe}}</h1>
The Code
@Pipe({ name: 'minusSignToParens' }) export class MinusSignToParens implements PipeTransform { transform(value: any, args?: any): any { return value.charAt(0) === '-' ? '(' + value.substring(1, value.length) + ')' : value; }
@Component({ selector: 'my-app', template: ` <h2>MinusSignToParens Pipe Demo</h2> <h1>{{someNumber | currency:'USD':true | minusSignToParens}}</h1> ` }) export class App implements OnInit { private someNumber:any = -5; constructor() {} ngOnInit() {} }