A estrutura angular vem com um pipeline para formatar números em moeda, o que eu não fiz no começo, então encontrei algumas informações na Internet e implementei eu mesmo, o código é o seguinte:
Prefixos e sufixos são suportados. Podemos realmente usar o CurrencyPipe diretamente.
CurrencyPipe
Converta números em cadeias de valores e formate-os de acordo com regras de localização que determinam o tamanho do grupo, separadores, caracteres decimais e outros itens de configuração relacionados ao ambiente de localização.
Insira um valor
valor qualquer
O número a ser formatado como moeda.
parâmetro
| Código de moeda | String | Códigos de moeda na ISO 4217, como USD para USD e EUR para EUR. O código de moeda padrão pode ser configurado com o token de injeção DEFAULT_CURRENCY_CODE. Opcional. O valor padrão é indefinido. | | Exibição | string | Booleano | O formato do indicador de moeda com valores válidos inclui: código: Exibe o código de moeda (por exemplo, USD). símbolo (padrão): Exibe um símbolo de moeda (por exemplo, $). Símbolo-estreito: Usa o símbolo de estreitamento da região, que inclui dois símbolos. Por exemplo, o dólar canadense tem um símbolo para CA$, e seu símbolo de estreitamento é $. Se a área não tiver um símbolo de estreito, ela usa seu símbolo padrão. String: Usa o valor especificado em vez do código ou símbolo da moeda. Por exemplo, uma cadeia vazia remove o código ou símbolo da moeda. Booleano (descontinuado da v5): verdadeiro para símbolos de moeda, falso para símbolos de moeda. Opcional. O valor padrão é 'símbolo'. | | digitsInfo | String | A opção de exibir os números é especificada por uma string no seguinte formato: {minIntegerDigits}. {minFractionDigits}-{maxFractionDigits}。 MinIntegerDigits: O menor número de dígitos antes da vírgula decimal. O padrão é 1. MinFractionDigits: O menor número de dígitos após a vírgula decimal. O padrão é 0. maxFractionDigits: O número máximo após a vírgula decimal, que por padrão é 3. Se não fornecida, o número é devidamente formatado de acordo com a especificação ISO 4217. Por exemplo, o dólar canadense tem 2 dígitos, enquanto o peso chileno não tem. Opcional. O valor padrão é indefinido. | | Localização | String | O código de formato localizado a ser usado. Se não for fornecido, use o valor de LOCALE_ID, que por padrão é en-US. Veja Configurar uma região para seu app. Opcional. O valor padrão é indefinido. |
As renderizações são as seguintes:
|