angular - Angular 5-CurrencyPipe

从角度来看，我对已经内置的currencypipe有问题。
我需要使用currencypipe显示一个货币符号，但除非提供一个输入号，否则无法使用它。
因为currencyPipe使用当前区域设置来获取货币符号，所以我认为输入的数字可以是可选的。
当前行为：

{{ 1 | currency:'USD' }} --> $1

需要的行为：

{{ null | currency:'USD' }} --> $

你们中有人知道默认管道是否可以这样做吗？
谢谢！！

最佳答案

试试这个简单的自定义货币管道
{{ null | CustomeCurrency }}</p>

import { Pipe, PipeTransform } from '@angular/core';
import { CurrencyPipe } from '@angular/common';
@Pipe({ name: 'CustomeCurrency' })
export class CustomCurrencyPipe implements PipeTransform {

constructor(private currencyPipe: CurrencyPipe) { }

transform(value: any, currency: string, symbol: boolean = false): string {
     if (value != null)
        return this.currencyPipe.transform(value, currency, symbol);
    return this.currencyPipe.transform(0, currency, symbol).split('0.00')[0];
 }
}