ngx translate attribute

Опубликовано в Angular • 20 августа 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-container vs ng-template

It is explain simple difference between ng-container and ng-template tags.

Импорты scss в angular

    "styles": [
      "src/styles.scss"
    ],
    "stylePreprocessorOptions": {

Angular dependency injection

Определение Provider (useClass, useValue, useFactory ), Injector. Декоратор @Inject, ключ multi: true

О предпочтительности использования async pipe. При OnPush стратегии не требуется вызывать markForCheck() внутри подписки +решение с несколькими | async pipes развёрнутых в одну переменную (внутри шаблона).

Angular & MVVM

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

Про структурные директивы Angular

О том как в шаблоне ng-template получить из директивы значение и как в директиву закинуть несколько Input()