Отображение числа в миллиардах, миллионах, тысячах с использованием пользовательской трубы в угловом
В этой статье мы создадим настраиваемый многоразовый канал в angular, который поможет нам отображать большие числа в короткие числа с суффиксом.
K для тысячи, M для миллиона, B для миллиарда и T для триллиона.
Начнем с создания трубы. Мы можем создать собственный канал с помощью npm
ng g pipe numberSuffix pipe
Теперь измените его содержимое с помощью приведенного ниже кода.
Теперь обновите свой html-файл там, где вы хотите использовать этот канал, как показано ниже.
Готово, трубка готова. : blush:: blush:
Особенность этого канала в том, что он обрабатывает отрицательные числа, а также строки.
{{ anyBigNumber | numberSuffix }}
Проверить это можно так.
{{ 12600000 | numberSuffix }} -> 13M
{{ 12600000 | numberSuffix: 2 }} -> 12.60M
{{ 12600 | numberSuffix: 2 }} -> 12.60K
{{ 126 | numberSuffix }} -> 126
Прокомментируйте, если у вас возникнут проблемы. Вот еще несколько статей. Ознакомьтесь с ними также, они также будут вам полезны.
Angular 9 новых функций. Они будут вам полезны на следующем угловом собеседовании .
Как обновить существующий проект до angular 5.
Вопросы интервью DevOps для ведущих ТНК.
Прокомментируйте, если у вас возникнут проблемы. 😃 😃
Хлопайте в ладоши, если вы нашли эти вопросы полезными. 🙌 🙌 Удачного кодирования. 😃 😃
