Плюрализованные сообщения в ngx-translate

Опубликовано в Angular • 28 августа 2018 г. • 1 мин. на чтение

Необходимо выводить:

1 сайт
2,3,4 сайта
5,6,.. сайтов

Совместно с ngx-translate используется MessageFormat Compiler

Строка

"SITES": "{count} {count, plural, one{сайт} few{сайта} other{сайтов}}",
или
"SITES": "{count, plural, one{# сайт} few{# сайта} other{# сайтов}}",

Шаблон

{{ "SITES" | translate: { count:size } }}

count - непосредственно количество сайтов

Похожие записи

Пример Angular Interceptors

Пример приложения angular, использующее interceptors

Отладка Angular в VS Code

Настройка Visual Studio Code используя расширение Debugger for Chrome для отладки Angular приложений

Angular. ViewChild, ViewChildren, ContentChild и ContentChildren

@ViewChild - querySelector
@ViewChildren - querySelectorAll
@ContentChild - querySelector внутри ng-content
@ContentChildren - querySelectorAll внутри ng-content

Angular. Can't set breakpoints in VS Code

Вариант решения проблемы, когда не срабатывают точки остановки при разработке Angular приложений в редакторе VS Code

@Attribute() декоратор

Аналогично @Input() позволяет получить значение атрибута с хоста компонента/директивы, но не отслеживает дальнейшее изменение атрибута.

Angular. Отличие baseHref от deployUrl

deployUrl - задаёт путь для статических (js, css) файлов в index.html.
baseHref - определяет base, используется в ссылках и маршрутизации (routing) Angular