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}}">

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

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

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

Пример условного перенаправления пользователя в зависимости от некого количества

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

ng add @nguniversal/express-engine --clientProject 
npm run build:ssr && npm run serve:ssr