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

Опубликовано в Angular • 29 августа 2018 г. • X mins read

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

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

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

Строка

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

Шаблон

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

count - переменная из плюрализации
size - непосредственно количество сайтов

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

Как добавить 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 в VS Code

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

let-* $implicit in Angular template

Синтаксис let-* позволяет объявить переменную в шаблоне <ng-template>, использования ключа $implicit позволяет устанавливать значение по-умолчанию для объявленной переменной.

RxJs Subjects

Выдержки из доклада Андрея Алексеева (Tinkoff) про RxJs (Subject, Behaviour Subject, Replay Subject, Async Subject). Применение в Angular.

Angular Storybook

Установите пакет npm i @storybook/cli -g и запустите команду sb init в корне angular проекта.

Angular setter

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