ngx translate attribute

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

Привязка атрибутов в ngx-translate:

<img src="image.jpg" [alt]="'KEY' | translate">

или

<img src="image.jpg" alt="{{'KEY' | translate}}">

Рекомендуется использовать первый подход, так как в нем значение присваивается только если оно доступно.

Некорретный варинат:

<img src="image.jpg" [alt]="{{'KEY' | translate}}">

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

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"
  ],

Создание модуля с методом forRoot, который принимает объект конфигурации модуля.

sudo sysctl fs.inotify.max_user_watches=256000

Для решения проблемы существует 2 подхода:

httpRequest.pipe(
  repeat(),
  takeUntil(stop$)
).subscribe(x => console.log(x));

Метод для рекурсивного получения ошибок всех контролов FormGroup или FormArray