Angular5-currencyPipe

我对Angular中已经内置的CurrencyPipe有问题.

我需要使用CurrencyPipe显示货币符号,但除非我提供输入数字,否则我无法使用它.

因为CurrencyPipe使用当前的区域设置来获取货币符号,所以我认为输入的数字可以是可选的.

目前的行为:

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

需要的行为:

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

你们是否知道默认管道是否可行？谢谢!!

试试这个简单的自定义货币管道

{{ null | CustomeCurrency }}

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];
 }
}