Angular Framework поставляется с конвейером для форматирования чисел в валюту, чего я сначала не делал, поэтому нашёл информацию в Интернете и сам её реализовал, код такой:
Поддерживаются префиксы и суффиксы. Мы можем использовать CurrencyPipe напрямую.
CurrencyPipe
Преобразуйте числа в строки чисел и форматируйте их согласно правилам локализации, определяющим размер группы, разделителей, десятичных знаков и других конфигурационных элементов, связанных с локализационной средой.
Введите значение
значение любое
Номер, который будет отформатирован как валюта.
параметр
| валютаКод | Строка | Валютные коды в ISO 4217, такие как USD для USD и EUR для EUR. Стандартный код валюты можно настроить с помощью токена DEFAULT_CURRENCY_CODE инъекции. По желанию. Значение по умолчанию не определено. | | Экспозиция | строка | Булев | Формат валютного индикатора с действительными значениями включает: код: Отображает валютный код (например, USD). symbol(default): отображает валютный символ (например, $). Символ-узкий: использует сужающий символ региона, который включает два символа. Например, у канадского доллара есть символ CA$, а его сужающий символ — $. Если в области нет сужающего символа, используется стандартный символ. Строка: Использует указанное значение строки вместо кода или символа валюты. Например, пустая строка удаляет код валюты или символ. Булев (устарел с v5): верно для валютных символов, ложно для валютных символов. По желанию. По умолчанию значение — «symbol». | | digitsInfo | Строка | Опция отображения чисел задаётся строкой в следующем формате: {minIntegerDigits}. {minFractionDigits}-{maxFractionDigits}。 minIntegerDigits: Минимальное количество цифр перед десятичной точкой. По умолчанию — 1. minFractionDigits: Наименьшее количество знаков после десятичной точки. По умолчанию — 0. maxFractionDigits: максимальное число после запятой точки, которое по умолчанию равна 3. Если номер не указан, он правильно оформлен в соответствии со спецификацией ISO 4217. Например, канадский доллар имеет 2 цифры, а чилийский песо — нет. По желанию. Значение по умолчанию не определено. | | Местоположение | Строка | Код локализованного формата для использования. Если не указано, используйте значение LOCALE_ID, которое по умолчанию отображается как en-US. См. раздел «Настройка региона для вашего приложения». По желанию. Значение по умолчанию не определено. |
Визуализации следующие:
|