Плюрализованные сообщения в 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 - непосредственно количество сайтов

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

Как добавить ng-bootstrap компоненты в проект Angular-CLI?

Покажу на примере нового проекта.

ng new project_name
cd project_name
npm install --save bootstrap@next
npm install --save @ng-bootstrap/ng-bootstrap

В angular-cli.json в секцию style надо добавить наш CSS, чтобы глобально подключить стили.

  "styles": [
    "styles.css",
    "../node_modules/bootstrap/dist/css/bootstrap.min.css"
  ],

Angular attribute setter

Пример задания значения булева Input свойства как директивы, на примере:

Синхронизировать поля на реактивной форме Angular

Представлена реализация взаимной подписки без генерации событий.

Angular & MVVM

Model - just file like user.class.ts
View - HTML template of component
ViewModel - Typescript part of a component

Angular environment service

Использование сервиса для окружения вместо прямой ссылки на environment.ts

TS. Event bus

Создаётся providedIn: 'root' сервис событий. Затем отправляются события на шину, и если какой-либо слушатель подписан на эти события, он получает уведомления.