Тестовое задание на Angular. Настройка локализации

Aleksandr Serenko
F.A.F.N.U.R
Published in
1 min readJul 5, 2021

В данной статье добавим соответствующие настройки для поддержки русской локализации в приложение.

Так как по умолчанию в Angular используется английский язык, добавим поддержку русского, добавив пакет локализации:

ng add @angular/localize

Команда установит зависимости и добавит в polyfills необходимые импорты.

Создадим модуль AppLocaleModule, в котором определим и подключим все необходимые провайдеры:

  • LOCALE_ID — константа для установки локали по умолчанию
  • DEFAULT_CURRENCY_CODE — константа, которая определяет местную валюту
  • MAT_DATE_LOCALE — константа для локализации в Angular Material

И импорт и подключение локализации:

import localeRu from '@angular/common/locales/ru';registerLocaleData(localeRu);

И для корректной работы в index.html укажем русский язык:

<!doctype html>
<html lang="ru">
...

Ссылки

Вернуться к оглавлению — Введение.

Следующая статья — Настройка Unit тестирования с помощью Jest.

Предыдущая статья —Настройка базовых стилей и Angular Material

Все исходники на github/fafnur/barinb.

Группа в Medium: https://medium.com/fafnur
Группа в Vkontakte: https://vk.com/fafnur
Группа в Facebook: https://www.facebook.com/groups/fafnur/
Telegram канал: https://t.me/f_a_f_n_u_r
Twitter: https://twitter.com/Fafnur1
LinkedIn: https://www.linkedin.com/in/fafnur

--

--

Aleksandr Serenko
F.A.F.N.U.R

Senior Front-end Developer, Angular evangelist, Nx apologist, NodeJS warlock